Adjust sizing on slick slider controls.

omeka · Jun 28, 2024 · 665139b · 665139b
1 parent c505c65
commit 665139b
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 6 deletions.
diff --git a/css/sass/_screen.scss b/css/sass/_screen.scss
@@ -959,7 +959,6 @@ footer {
 
 #home #featured-slides {
     margin: 0 0 (2 * $base-line-height);
-    background-color: $gray;
     position: relative;
 }
 
@@ -1025,6 +1024,10 @@ footer {
     }
 }
 
+#featured .slick-list {
+    padding-bottom: $spacing-l;
+}
+
 #featured .slick-slide {
     min-height: 50vh;
 }
@@ -1041,17 +1044,21 @@ footer {
 
 #featured .slick-dots li {
     display: inline-block;
+    margin: 0 .75em;
+    vertical-align: 6px;
 }
 
 #featured .slick-dots button {
     background-color: $gray;
-    width: 24px;
-    height: 24px;
+    width: 16px;
+    height: 16px;
     border-radius: 24px;
     text-indent: -9999px;
     border: 0;
     cursor: pointer;
     margin: 0 .5em;
+    min-height: 0;
+    min-width: 0;
 }
 
 #featured .slick-dots .slick-active button {

diff --git a/css/style.css b/css/style.css
@@ -1391,7 +1391,6 @@ nav ul {
 @media screen {
   #home #featured-slides {
     margin: 0 0 48px;
-    background-color: #dedede;
     position: relative;
   }
 }
@@ -1460,6 +1459,11 @@ nav ul {
     outline: solid;
   }
 }
+@media screen {
+  #featured .slick-list {
+    padding-bottom: 24px;
+  }
+}
 @media screen {
   #featured .slick-slide {
     min-height: 50vh;
@@ -1479,18 +1483,22 @@ nav ul {
 @media screen {
   #featured .slick-dots li {
     display: inline-block;
+    margin: 0 0.75em;
+    vertical-align: 6px;
   }
 }
 @media screen {
   #featured .slick-dots button {
     background-color: #dedede;
-    width: 24px;
-    height: 24px;
+    width: 16px;
+    height: 16px;
     border-radius: 24px;
     text-indent: -9999px;
     border: 0;
     cursor: pointer;
     margin: 0 0.5em;
+    min-height: 0;
+    min-width: 0;
   }
 }
 @media screen {