luci-theme-material: make luci-app-commands command box align with Bootstrap theme
authorDaniel Nilsson <daniel.nilsson94@outlook.com>
Tue, 19 Mar 2024 19:01:09 +0000 (20:01 +0100)
committerPaul Donald <itsascambutmailmeanyway@gmail.com>
Sat, 23 Mar 2024 00:53:43 +0000 (01:53 +0100)
The current implementation made the commands from the app luci-app-commands absolutely positioned which resulted in hiding elements which was underneath it, ie. the buttons. This implementation removes the absolutely positioned behavior making the buttons visible again and as an upside aligns it with how the Bootstrap theme handles commands.

Signed-off-by: Daniel Nilsson <daniel.nilsson94@outlook.com>
themes/luci-theme-material/htdocs/luci-static/material/cascade.css

index b2eb0602eb9ebb4b8d2572a46069e8f6f82de088..0e47c66129c17de1ef2a1603e5b9c85c334c9cd8 100644 (file)
@@ -2474,19 +2474,8 @@ input[name="nslookup"] {
 }
 
 .commandbox code {
-       position: absolute;
-       overflow: hidden;
-       max-width: 60%;
        margin-left: 4px;
        padding: 2px 3px;
-       white-space: nowrap;
-       text-overflow: ellipsis;
-}
-
-.commandbox code:hover {
-       overflow-y: auto;
-       max-height: 50px;
-       white-space: normal;
 }
 
 .commandbox p:first-of-type {