mirror
/
gluon-packages
mirror of https://github.com/freifunk-gluon/packages.git
1
0
Fork 0
Code Releases Activity

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

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

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

File diff suppressed because one or more lines are too long

55
gluon/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,29 +372,26 @@ input:-ms-input-placeholder {
} }
input[type=checkbox] { input[type=checkbox] {
-moz-appearance:none; display: none;
-webkit-appearance:none;
-o-appearance:none;
appearance: none;
width: 2em;
height: 2em;
margin: 0;
&:checked { & + label {
position: relative; display: inline-block;
width: 1em;
height: 1em;
margin: 0;
}
&::after { &:checked + label:after {
content: '✔'; content: '✔';
color: $ffmagenta; color: $ffmagenta;
vertical-align: middle; vertical-align: middle;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 0; left: 0;
margin-top: -0.5em; margin-top: -0.5em;
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 1.7em; font-size: 1.7em;
}
} }
} }
@ -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 {