From 6daf2c24168b7a6b27d3bf711d9a083ae16bb081 Mon Sep 17 00:00:00 2001 From: Simon Date: Mon, 21 Jul 2025 21:32:55 -0400 Subject: [PATCH] working on improving the expandable menu aesthetic --- startpage.html | 67 +++++++++++++++++++++++++++++--------------------- 1 file changed, 39 insertions(+), 28 deletions(-) diff --git a/startpage.html b/startpage.html index 63a6747..c31fb14 100644 --- a/startpage.html +++ b/startpage.html @@ -57,7 +57,7 @@ } .settingsContainer { - background-color: rgba(173, 165, 165, 0.8); + background-color: rgba(173, 165, 165, 0.9); z-index: 999; border: solid black 2px; @@ -136,27 +136,39 @@ .expandableMenuToggle { cursor: pointer; - padding: 0px 18px; + margin: 0 0 0 0; + padding: .5rem 0 .5rem 0; width: 100%; } .expandableMenuToggle.active, .expandableMenuToggle:hover { - background-color: rgba(173, 165, 165, 0.8); + background-color: rgba(213, 205, 205, 1); } .expandableMenu { display: none; padding: 0 1rem; margin-bottom: 1rem; - border-left: 4px solid black; + border-left: 4px solid rgba(213, 205, 205); } .menuHeader { text-align: center; width: 100%; - background-color: rgba(173, 165, 165, 0.8); font-style: italic; + font-weight: bold; + margin: 0; } + .containerListing { + } + + .manageButtons { + display: flex; + flex-direction: reow; + justify-content: space-between; + + margin: 1rem 0rem; + } .bookmarkListingContainer { display: flex; flex-direction: column; @@ -220,28 +232,14 @@ cursor: pointer; } - #imageRemovalWarning { - color: red; - size: 3rem; - font-weight: bold; - user-select: none; - z-index: 1000; - display: inline; - align-self: center; - background-color: black; - border: solid red 0.25rem; - padding: 0.25rem; - } +
- edit page + >edit page +
@@ -826,7 +824,20 @@ `
-

[${this.containerSettings.zIndex}]: ${this.name}

+
+

[${this.containerSettings.zIndex}]: ${this.name}

+

+ ` /** + + + + Wait i probably can't do that because of how the toggle grabs the next element + + + + + */ + ` +

+ ${this.name}: bookmarks

@@ -1053,13 +1064,13 @@
-
-
+
+
${zindex == numberTotalContainers ? `` : upButtons} ${zindex == 1 ? `` : downButtons}
- +
@@ -1220,13 +1231,13 @@
-
+
${zindex == numberTotalContainers ? `` : upButtons} ${zindex == 1 ? `` : downButtons}
- +