Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Adjust settings pages (#4765)

Browse source 
* views: Adjust heading positions

* Adjust settings pages

Adjust label. Adjust tables. Adjust admin/reports/* pages. Fix 2FA QR code style for narrow devices. Widen several pages. Increase contrast.

* Remove trailing whitespace
This commit is contained in:
Lynx Kotoura 2017-09-02 22:49:28 +09:00 • committed by Eugen Rochko
parent a0294c8880
commit cfe39fb58d
4 changed files with 73 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

39
app/javascript/styles/forms.scss
View file

@ -24,7 +24,7 @@ code {
p.hint {
margin-bottom: 15px;
color: lighten($ui-base-color, 32%);
color: $ui-primary-color;
&.subtle-hint {
text-align: center;
@ -53,7 +53,6 @@ code {
label {
flex: 0 0 auto;
width: 100px;
}
input {
@ -65,12 +64,37 @@ code {
padding: 15px 0;
margin-bottom: 0;
.label_input {
flex-wrap: wrap;
align-items: flex-start;
}
&.select .label_input {
align-items: initial;
}
.label_input > label {
font-family: inherit;
font-size: 16px;
color: $primary-text-color;
display: block;
padding-top: 5px;
margin-bottom: 5px;
flex: 1;
min-width: 150px;
word-wrap: break-word;
&.select {
flex: 0;
}
& ~ * {
margin-left: 10px;
}
}
ul {
flex: 390px;
}
&.boolean {
@ -367,13 +391,15 @@ code {
.qr-wrapper {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.qr-code {
flex: 0 0 auto;
background: $simple-background-color;
padding: 4px;
margin-bottom: 20px;
margin: 0 10px 20px 0;
box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);
display: inline-block;
@ -384,8 +410,9 @@ code {
}
.qr-alternative {
margin-left: 10px;
color: $ui-primary-color;
margin-bottom: 20px;
color: $ui-secondary-color;
flex: 150px;
samp {
display: block;
@ -395,7 +422,6 @@ code {
.table-form {
p {
max-width: 400px;
margin-bottom: 15px;
strong {
@ -407,7 +433,6 @@ code {
.simple_form,
.table-form {
.warning {
max-width: 400px;
box-sizing: border-box;
background: rgba($error-value-color, 0.5);
color: $primary-text-color;