Button normalization (#1247)

- fix(less): add some button normalization to fix appearance. - fix(seadragon): prevent layered icons from breaking the First Directive.
UniversalViewer · Dec 10, 2024 · 6c96669 · 6c96669
1 parent 4697b9f
commit 6c96669
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/src/content-handlers/iiif/modules/uv-openseadragoncenterpanel-module/css/styles.less b/src/content-handlers/iiif/modules/uv-openseadragoncenterpanel-module/css/styles.less
@@ -76,6 +76,10 @@
                         &.disabled {
                             background-image: data-uri('../img/right_arrow_disabled.png');
                         }
+
+                        & .uv-icon-next {
+                            background-image: none;
+                        }
                     }
 
                     &.next.vertical {
@@ -93,6 +97,13 @@
                             }
                         }
                     }
+
+
+                    /* fixes out-of-scope iiif-tree and iiif-gallery icons */
+                    &.prev .uv-icon-prev,
+                    &.next .uv-icon-next {
+                        background-image: none;
+                    }
                 }
 
                 .zoomIn{
@@ -262,4 +273,4 @@
     .openseadragon-canvas {
         outline: none;
     }
-}
+}
diff --git a/src/content-handlers/iiif/modules/uv-shared-module/css/scaffolding.less b/src/content-handlers/iiif/modules/uv-shared-module/css/scaffolding.less
@@ -50,6 +50,13 @@
     line-height: inherit;
   }
 
+  // Button normalization
+
+  button {
+    border: 0;
+    background-color: transparent;
+  }
+
   // Links
 
   a {