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>
(cherry picked from commit 4adc4a65688d7d411ccae019be673c47bd811e41)

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 b2eb0602eb9ebb4b8d2572a46069e8f6f82de088..0e47c66129c17de1ef2a1603e5b9c85c334c9cd8 100644 (file)
--- 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 {