Merge pull request #1711 from sul-dlss/adjustDrawerWidth

sul-dlss · Nov 10, 2023 · dd4d663 · dd4d663
2 parents 5d39f1d + 55a35c5
commit dd4d663
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/app/assets/stylesheets/media.scss b/app/assets/stylesheets/media.scss
@@ -48,21 +48,22 @@
 
 .media-component {
   --active-color: rgb(140, 21, 21);
-  --drawer-width: 300px;
+  --drawer-width: 305px;
   --tab-width: 48px;
   --tab-height: 48px;
   --drawer-content-padding: 1rem;
   --text-color: rgba(0, 0, 0, 0.87);
   --tab-text-color: rgba(0, 0, 0, 0.54);
   --background-color: rgba(255, 255, 255);
   --modal-border-radius: 8px;
+  --modal-max-width: 600px;
 
   .video-js .vjs-tech {
     position: relative;
   }
 
   .modal-container {
-    max-width: 600px;
+    max-width: var(--modal-max-width);
     width: calc(79vw);
     max-height: calc(79vh);
     padding: 2rem;