OpenWrt/coolsnowwolf-lede
1
0
Fork 0
mirror of https://github.com/coolsnowwolf/lede synced 2025-01-09 09:37:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改 argon 的样式，好多不对齐，改 cbi-value 相关成 flex，chrome 90 做了测试 (#6879)

Browse Source 
Co-authored-by: BestZF <realtozf@qq.com>
This commit is contained in:
FFBest 2021-05-25 22:07:37 +08:00 committed by GitHub
parent ff49c6e8aa
commit 10ba223e88
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 32 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
package/lean/luci-theme-argon/htdocs/luci-static/argon/css/style.css
View File

@ -627,18 +627,20 @@ fieldset {
font-style: normal;
line-height: 1;
font-family: inherit;
min-width: inherit;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid rgba(0,0,0,.05);
border-radius: .375rem;
background-color: #fff;
box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
-webkit-overflow-scrolling: touch;
}
fieldset.cbi-section {
margin-bottom: 0.5rem;
margin-top: 0;
padding: 1rem;
}
.cbi-map-descr + fieldset {
margin-top: 1rem;
@ -678,13 +680,13 @@ table {
table > tbody > tr > td, table > tfoot > tr > td, table > thead > tr > td {
font-size: .8125rem;
white-space: nowrap;
white-space: nowrap;
color: #525f7f;
padding: 1rem;
padding-right: 1.5rem;
padding-left: 1.5rem;
border-top: 1px solid #ddd;
white-space: nowrap;
padding-right: 1.5rem;
padding-left: 1.5rem;
border-top: 1px solid #ddd;
white-space: nowrap;
}
table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > th {
@ -707,6 +709,16 @@ padding-right: 1.5rem;
.cbi-section-table-row {
text-align: center;
}
.cbi-section-table-row .cbi-value-field {
display:table-cell;
padding: 0 1.5rem;
line-height: 2rem;
}
.cbi-section-table-row .cbi-value-field .cbi-button {
line-height: 1rem;
height:auto;
padding:.375rem .625rem
}
fieldset > table > tbody > tr:nth-of-type(2n) {
background-color: #f9f9f9;
@ -899,6 +911,7 @@ form.inline + form.inline,
.cbi-tabmenu > li:hover {
background-color: #F1F1F1;
/* padding-bottom: .625rem; */
}
.cbi-tabmenu > li:hover > a{
color: #525f7f;
@ -914,7 +927,7 @@ form.inline + form.inline,
.cbi-tabmenu {
background-color: #adb5bd;
margin
/* margin-bottom: -.375rem; */
}
.cbi-section-remove:nth-of-type(2n),
@ -935,8 +948,11 @@ form.inline + form.inline,
.cbi-value-field,
.cbi-value-description {
display: table-cell;
line-height: 1.25;
display: flex;
align-items:center;
}
.cbi-value-field {
flex:0 1 100%
}
.cbi-value-helpicon > img {
@ -950,7 +966,6 @@ form.inline + form.inline,
.cbi-value-description {
font-size: small;
opacity: 0.5;
padding: 0.5rem 0 0 0;
}
.cbi-value-title {
@ -959,7 +974,7 @@ form.inline + form.inline,
line-height: 1.6;
color: #525f7f;
padding: .7rem;
padding-left:0;
padding-left:0;
width: 23rem;
float: left;
text-align: right;
@ -968,8 +983,9 @@ form.inline + form.inline,
.cbi-value {
padding: 0.3rem 1rem;
display: inline-block;
display: flex;
width: 100%;
align-items: center;
}
.cbi-section-table-descr > .cbi-section-table-cell,
@ -1188,7 +1204,7 @@ td > .ifacebadge {
.cbi-value-field .cbi-input-checkbox,
.cbi-value-field .cbi-input-radio {
margin-top: 0.5rem;
/* margin-top: 0.5rem; */
height: 1rem;
}
@ -1198,6 +1214,7 @@ td > .ifacebadge {
.cbi-value-field > ul > li {
display: flex;
align-items: center;
}
.cbi-value-field > ul > li > label {