Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

luci-theme-material: table and button style fixes

Browse source 
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2018-07-13 12:39:07 +02:00
parent 58cee79869
commit 4381a27ef0
1 changed files with 85 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

119
themes/luci-theme-material/htdocs/luci-static/material/css/style.css
View file

@ -652,11 +652,13 @@ td > table > tbody > tr > td,
.btn:active, .btn:active,
.cbi-button:hover, .cbi-button:hover,
.cbi-button:focus, .cbi-button:focus,
.cbi-button:active { .cbi-button:active,
color: rgba(0, 0, 0, 0.87); .cbi-page-actions .cbi-button-apply + .cbi-button-save:hover,
.cbi-page-actions .cbi-button-apply + .cbi-button-save:focus,
.cbi-page-actions .cbi-button-apply + .cbi-button-save:active {
outline: 0; outline: 0;
text-decoration: none; text-decoration: none;
color: rgba(0, 0, 0, 0.87); background-color: rgba(250, 250, 250, 0.7);
} }
.btn:hover, .btn:hover,
@ -679,45 +681,69 @@ td > table > tbody > tr > td,
box-shadow: none; box-shadow: none;
} }
.btn + .btn, .cbi-page-actions .cbi-button-apply,
form.inline + form.inline, .cbi-section-actions .cbi-button-edit,
.cbi-button + .cbi-button { .cbi-button-edit.important,
margin-left: 0.6rem; .cbi-button-apply.important,
.cbi-button-reload.important,
.cbi-button-action.important {
color: #fff;
background-color: #337ab7;
} }
.cbi-button-reset, .cbi-page-actions .cbi-button-save,
.cbi-input-remove { .cbi-button-add.important,
color: #fff !important; .cbi-button-save.important,
background-color: #f0ad4e !important; .cbi-button-positive.important {
border-color: #eea236 !important; color: #fff;
background-color: #5bc0de;
} }
.cbi-input-find, .cbi-button-remove.important,
.cbi-input-save, .cbi-button-reset.important,
.cbi-button-negative.important {
color: #fff;
background-color: #d9534f;
}
.cbi-button-find,
.cbi-button-link,
.cbi-button-up,
.cbi-button-down,
.cbi-button-neutral {
border: 1px solid #bfbfbf;
background-color: transparent;
}
.cbi-button-edit,
.cbi-button-apply,
.cbi-button-reload,
.cbi-button-action {
color: #2e6da4;
border: 1px solid #2e6da4;
background-color: transparent;
}
.cbi-page-actions .cbi-button-apply + .cbi-button-save,
.cbi-button-add, .cbi-button-add,
.cbi-button-save, .cbi-button-save,
.cbi-button-find, .cbi-button-positive {
.cbi-input-reload, color: #46b8da;
.cbi-button-reload { border: 1px solid #46b8da;
color: #fff !important; background-color: transparent;
background-color: #337ab7 !important;
border-color: #2e6da4 !important;
} }
.cbi-input-apply,
.cbi-button-apply,
.cbi-button-edit {
color: #fff !important;
background-color: #5bc0de !important;
border-color: #46b8da !important;
}
.cbi-input-reset,
.cbi-section-remove > .cbi-button, .cbi-section-remove > .cbi-button,
.cbi-button-remove { .cbi-button-remove,
color: #fff !important; .cbi-button-reset,
background-color: #d9534f !important; .cbi-button-negative {
border-color: #d43f3a !important; color: #d43f3a;
border: 1px solid #d43f3a;
background-color: transparent;
}
.cbi-page-actions .cbi-button-link:first-child {
float: left;
} }
.a-to-btn { .a-to-btn {
@ -864,6 +890,10 @@ form.inline + form.inline,
vertical-align: middle; vertical-align: middle;
} }
.cbi-rowstyle-1 {
background-color: #f9f9f9;
}
.cbi-rowstyle-2 { .cbi-rowstyle-2 {
background-color: #eee; background-color: #eee;
} }
@ -877,6 +907,26 @@ form.inline + form.inline,
width: auto !important; width: auto !important;
} }
.td.cbi-section-actions {
text-align: right;
vertical-align: middle;
}
.td.cbi-section-actions > * {
display: flex;
}
.td.cbi-section-actions > * > *,
.td.cbi-section-actions > * > form > * {
flex: 1 1 4em;
margin: 0 1px;
}
.td.cbi-section-actions > * > form {
display: inline-flex;
margin: 0;
}
/* desc */ /* desc */
.cbi-section-descr, .cbi-section-descr,
.cbi-map-descr { .cbi-map-descr {
@ -1277,7 +1327,8 @@ td > .ifacebadge,
} }
.ifacebox { .ifacebox {
border: 1px solid #999; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2);
border-bottom: 1px solid #ccc;
background-color: #f9f9f9; background-color: #f9f9f9;
display: inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;