298977887/lede
1
0
Fork 0
mirror of https://github.com/coolsnowwolf/lede.git synced 2025-04-16 14:23:38 +00: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

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

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