Tweak Dropdown Menu

cssnr · Oct 26, 2024 · 9fe039a · 9fe039a
1 parent a63a7c0
commit 9fe039a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/css/options.css b/src/css/options.css
@@ -9,6 +9,13 @@ body {
   max-width: 800px;
 }
 
+.dropdown-menu {
+  max-width: 86vw;
+  white-space: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .blur {
   backdrop-filter: blur(6px);
 }

diff --git a/src/html/options.html b/src/html/options.html
@@ -308,12 +308,15 @@ <h5 class="mt-3">
 
                 <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">Presets</button>
                 <ul class="dropdown-menu dropdown-menu-end">
-                    <li><a class="dropdown-item" role="button"
+                    <li><a class="dropdown-item text-ellipsis" role="button"
                            data-reset-input="pictureURL" data-value="https://images.cssnr.com/aviation">
                         https://images.cssnr.com/aviation</a></li>
-                    <li><a class="dropdown-item" role="button"
+                    <li><a class="dropdown-item text-ellipsis" role="button"
                            data-reset-input="pictureURL" data-value="https://picsum.photos/1920/1280">
                         https://picsum.photos/1920/1280</a></li>
+<!--                    <li><a class="dropdown-item text-ellipsis" role="button"-->
+<!--                           data-reset-input="pictureURL" data-value=" https://random-image-pepebigotes.vercel.app/api/random-image">-->
+<!--                        https://random-image-pepebigotes.vercel.app/api/random-image</a></li>-->
                 </ul>
             </div>
         </div>