Merge pull request #592 from nla/ph-ctpl-273

CTPL-273: Fix alignment and colours of expand/contract widgets
nla · Jan 15, 2025 · d9f5b9e · d9f5b9e
2 parents 4591574 + 8bd5e3c
commit d9f5b9e
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 1 deletion.
diff --git a/app/assets/stylesheets/nla/_dark-mode.scss b/app/assets/stylesheets/nla/_dark-mode.scss
@@ -405,6 +405,17 @@
         color: $body-color-dark !important;
       }
     }
+
+    .al-toggle-view-children {
+      background-color: $body-color-dark;
+
+      &:focus,
+      &:hover,
+      &:active {
+        background-color: $body-color-dark !important;
+      }
+    }
+
   }  
 
   .dl-invert {

diff --git a/app/assets/stylesheets/nla/_record.scss b/app/assets/stylesheets/nla/_record.scss
@@ -28,7 +28,7 @@
   border-right-color: #e6e6e6;
 }
 
- .al-collection-context {
+.al-collection-context {
   padding: 0.5rem;
   border-radius: 4px;
 
@@ -47,7 +47,19 @@
       background-color: transparent;
     }
   }
+
+  .al-toggle-view-children {
+    margin-left: 0;
+    margin-right: 0.5rem;
+    background-color: $body-color;
 
+    &:focus,
+    &:hover,
+    &:active {
+      background-color: $body-color !important;
+    }
+  }
+
   a {
     text-decoration: none !important;
 
@@ -59,6 +71,10 @@
       box-shadow: none !important;
     }
   }
+
+  .al-collection-context {
+    margin-bottom: 0 !important;
+  }
 }
 
 li.al-collection-context .al-online-content-icon svg,