zhao/luci-theme-argon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update cascade.css

Browse Source
This commit is contained in:
Bard 2022-12-04 17:09:23 +08:00 committed by GitHub
parent 1a5d16f26b
commit f53c954541
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
luci-theme-argon/htdocs/luci-static/argon/css/cascade.css
View File

@ -1806,7 +1806,6 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.cbi-dynlist > .item > span { .cbi-dynlist > .item > span {
white-space: normal;
word-break: break-word; word-break: break-word;
line-height: 1.5rem; line-height: 1.5rem;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
@ -1820,7 +1819,18 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
display: block; display: block;
transition: box-shadow 0.15s ease; transition: box-shadow 0.15s ease;
box-sizing: border-box; box-sizing: border-box;
min-width: 15rem; white-space: nowrap;
overflow: hidden;
}
@media screen and (max-width: 1366px) {
.cbi-dynlist > .item > span {
max-width: 16rem;
}
}
@media screen and (min-width: 1366px) {
.cbi-dynlist > .item > span {
max-width: 18rem;
}
} }
.cbi-dynlist > .add-item { .cbi-dynlist > .add-item {
display: inline-flex; display: inline-flex;
@ -1967,7 +1977,7 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
display: block; display: block;
width: auto; width: auto;
min-width: 100%; min-width: 100%;
max-width: none; /* max-width: none; */
max-height: 200px !important; max-height: 200px !important;
border: 0 solid #918e8c; border: 0 solid #918e8c;
background: #ffffff; background: #ffffff;
@ -1977,6 +1987,18 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
color: var(--main-menu-color); color: var(--main-menu-color);
margin-left: -0.2rem !important; margin-left: -0.2rem !important;
} }
@media screen and (max-width: 1366px) {
.cbi-dropdown[open] > ul.dropdown {
max-width: 16rem;
}
}
@media screen and (min-width: 1366px) {
.cbi-dropdown[open] > ul.dropdown {
max-width: 18rem;
}
}
.cbi-dropdown[open] > ul.dropdown li { .cbi-dropdown[open] > ul.dropdown li {
color: #000; color: #000;
} }