Uploaded image for project: 'Nuxeo Web UI'
  1. Nuxeo Web UI
  2. WEBUI-166

hover color does not work with nuxeo-document-tree

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Resolved
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.4.36, 3.0.x
    • Fix Version/s: 2.4.36, 3.0.3, 3.1.x
    • Component/s: UI

      Description

      The current code in nuxeo-document-tree prevents from customizing the hover color:

            a:hover {
              @apply --nuxeo-link-hover;
            }
      

      The correct variable name is nuxeo-link-hover-color as defined in the theme here:

          --nuxeo-link-color: var(--nuxeo-text-default);
          --nuxeo-link-hover-color: var(--nuxeo-primary-color);
      

      Moreover, defining

      a:hover

      and the apply directive seems to be ineffective.
      Instead, using

      #root a:hover

      and setting the color directly works fine like :

            #root a:hover {
              color: var(--nuxeo-link-hover-color);
            }
      

      This is already the case for the link color here:

            #root a, a:active, a:visited, a:focus {
              color: var(--nuxeo-drawer-text);
            }
      

        Attachments

          Activity

            People

            • Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 10 minutes
                10m