From: Daniel Nilsson <daniel.nilsson94@outlook.com>
Date: Tue, 19 Mar 2024 19:01:09 +0000 (+0100)
Subject: luci-theme-material: make luci-app-commands command box align with Bootstrap theme
X-Git-Url: http://git.lede-project.org./?a=commitdiff_plain;h=4adc4a65688d7d411ccae019be673c47bd811e41;p=project%2Fluci.git

luci-theme-material: make luci-app-commands command box align with Bootstrap theme

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>
---

diff --git a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
index b2eb0602eb..0e47c66129 100644
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -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 {