nils/gluon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #59 from freifunk-gluon/form-fields

Browse Source 
luci-theme: fix centering of form fields
This commit is contained in:
Nils Schneider 2014-08-09 20:56:48 +02:00
commit 5145eab954
2 changed files with 32 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package/gluon-luci-theme/files/www/luci-static/gluon/cascade.css
View File

File diff suppressed because one or more lines are too long

35
package/gluon-luci-theme/sass/cascade.scss
View File

@ -96,9 +96,12 @@ html {
position:relative; position:relative;
} }
body { body, input, select, option {
font-family: 'Open Sans', Arial, sans-serif; font-family: 'Open Sans', Arial, sans-serif;
font-size: 12pt; font-size: 12pt;
}
body {
color: rgb(77, 78, 83); color: rgb(77, 78, 83);
line-height: 1.5em; line-height: 1.5em;
margin: 0; margin: 0;
@ -369,18 +372,16 @@ input:-ms-input-placeholder {
} }
input[type=checkbox] { input[type=checkbox] {
-moz-appearance:none; display: none;
-webkit-appearance:none;
-o-appearance:none; & + label {
appearance: none; display: inline-block;
width: 2em; width: 1em;
height: 2em; height: 1em;
margin: 0; margin: 0;
}
&:checked { &:checked + label:after {
position: relative;
&::after {
content: '✔'; content: '✔';
color: $ffmagenta; color: $ffmagenta;
vertical-align: middle; vertical-align: middle;
@ -393,7 +394,6 @@ input[type=checkbox] {
font-size: 1.7em; font-size: 1.7em;
} }
} }
}
input[type=submit], input[type=submit],
input[type=reset], input[type=reset],
@ -404,7 +404,8 @@ input[type=button] {
select, select,
input, input,
textarea { textarea,
input[type=checkbox] + label {
color: darken($ffzusatz, 30); color: darken($ffzusatz, 30);
border: none; border: none;
background: lighten($ffyellow, 30); background: lighten($ffyellow, 30);
@ -632,7 +633,7 @@ table.cbi-section-table .cbi-section-table-cell {
div.cbi-value { div.cbi-value {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-bottom: 0.8em; margin-bottom: 0.5em;
} }
.cbi-value-title { .cbi-value-title {
@ -644,6 +645,12 @@ div.cbi-value {
div.cbi-value-field { div.cbi-value-field {
flex: 3; flex: 3;
position: relative;
input, select, input + label {
position: relative;
top: -0.39em;
}
} }
div.cbi-value-description { div.cbi-value-description {