Merge pull request #30 from rh-uxd/ToC-updates

fix (ToC): new styling
rh-uxd · Jul 8, 2024 · 6ee1be8 · 6ee1be8
2 parents 0d7be2f + fbe5235
commit 6ee1be8
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/assets/styles/site-styles.css b/assets/styles/site-styles.css
@@ -1450,8 +1450,9 @@
       color: var(--pf-global--BorderColor--light-100);
       font-weight: bold;
       display: inline-block; 
-      width: 1em;
+      width: .5em;
       margin-left: -1em;
+      margin-right: 1em;
     }
 
     .ux-c-toc__listItem:first-child {
@@ -1469,6 +1470,9 @@
     }
     .ux-c-toc__link:hover,.ux-c-toc__link:active, .ux-c-toc__link.pf-m-current {
         color: var(--pf-global--palette--black-900);
+        background: var(--pf-global--BackgroundColor--200);
+        padding: .25rem .75rem;
+        border-radius:6px;
         text-decoration: none;
     }
 

diff --git a/assets/styles/staging-site-styles.css b/assets/styles/staging-site-styles.css
@@ -1344,12 +1344,13 @@
     }
 
     .ux-c-toc__listItem::before  {
-      content: "\2022";
-      color: var(--pf-global--BorderColor--light-100);
-      font-weight: bold;
-      display: inline-block; 
-      width: 1em;
-      margin-left: -1em;
+        content: "\2022";
+        color: var(--pf-global--BorderColor--light-100);
+        font-weight: bold;
+        display: inline-block; 
+        width: .5em;
+        margin-left: -1em;
+        margin-right: 1em;
     }
 
     .ux-c-toc__listItem:first-child {
@@ -1367,7 +1368,9 @@
     }
     .ux-c-toc__link:hover,.ux-c-toc__link:active, .ux-c-toc__link.pf-m-current {
         color: var(--pf-global--palette--black-900);
-        text-decoration: none;
+        background: var(--pf-global--BackgroundColor--200);
+        padding: .25rem .75rem;
+        border-radius:6px;
     }
 
     .ux-c-label--tags {