From 835ac7529e5cbd5a855fbc3ae07033b11e8d4ed3 Mon Sep 17 00:00:00 2001 From: Daniel Nilsson Date: Tue, 19 Mar 2024 20:01:09 +0100 Subject: [PATCH] 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 (cherry picked from commit 4adc4a65688d7d411ccae019be673c47bd811e41) --- .../htdocs/luci-static/material/cascade.css | 11 ----------- 1 file changed, 11 deletions(-) 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 { -- 2.30.2