[STYLE] Update Buttons in BookmarkModal and ScreenshotModal

kitodo · Jan 17, 2025 · 24373d6 · 24373d6
1 parent 8b5c1b5
commit 24373d6
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/Resources/Private/Less/SlubMediaPlayer/modals/BookmarkModal.less b/Resources/Private/Less/SlubMediaPlayer/modals/BookmarkModal.less
@@ -41,7 +41,7 @@
             height: 2rem;
             font-size: 1rem;
             line-height: 1rem;
-            color: @base-color;
+            color: #444;
             margin-right: 4pt;
         }
     }
@@ -89,15 +89,15 @@
             height: 2rem;
             font-size: 1rem;
             line-height: 1rem;
-            color: #4e6666;
+            color: #444;
             margin-right: 4pt;
             margin-bottom: 1rem;
             margin-right: 1rem;
         }
 
         .mastodon-share-button {
             flex-basis: 20%;
-            background-color: rgba(78, 102, 102, 0.9);
+            background-color: @base-color;
             color: #fff;
             border: none;
             margin-left: 0;
@@ -108,6 +108,10 @@
             height: 2rem;
             width: 100%;
             overflow: hidden;
+
+            &:hover {
+                background-color: lighten(@base-color, 5%);
+            }
         }
 
         @media screen and (max-width: @tabletViewportWidth) {

diff --git a/Resources/Private/Less/SlubMediaPlayer/modals/ScreenshotModal.less b/Resources/Private/Less/SlubMediaPlayer/modals/ScreenshotModal.less
@@ -34,7 +34,16 @@
             }
 
             .download-link {
-                margin-top: 0.2em;
+                display: inline-block;
+                margin-top: 1.2em;
+                padding: 0.5em 1em;
+                border-radius: 4px;
+                color: #fff;
+                background-color: darken(@base-color, 10%);
+
+                &:hover {
+                    background-color: darken(@base-color, 15%);
+                }
             }
         }