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>
This commit is contained in:
Daniel Nilsson
2024-03-19 20:01:09 +01:00
committed by Paul Donald
parent 82fb0d7b0d
commit 4adc4a6568

View File

@@ -2474,19 +2474,8 @@ input[name="nslookup"] {
} }
.commandbox code { .commandbox code {
position: absolute;
overflow: hidden;
max-width: 60%;
margin-left: 4px; margin-left: 4px;
padding: 2px 3px; 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 { .commandbox p:first-of-type {