GNUsocial
/
gnu-social
4
0
Fork 1
Code Issues Releases Wiki Activity

[UI] Notification settings checkbox placement fix

This commit is contained in:
rainydaysavings 2020-08-12 21:02:34 +01:00 committed by Hugo Sales
parent 9781d43f08
commit f0558feb98
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
3 changed files with 58 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
public/assets/css/settings/settings.css
View File

@ -151,18 +151,23 @@ label {
}
label:nth-child() {
margin-top: var(--medium-size);
margin-top: var(--medium-size);
}
input[type=text] {
margin-top: calc(var(--unit-size) * 0.5);
width: calc(100% - var(--unit-size));
background-color: rgba(0, 0, 0, 0.30);
border-style: none;
padding: calc(var(--unit-size) * 0.5) calc(var(--unit-size) * 0.5);
color: #F6F6F6;
border-radius: calc(var(--unit-size) * 0.5);
font-size: var(--medium-size);
margin-top: calc(var(--unit-size) * 0.5);
width: calc(100% - var(--unit-size));
background-color: rgba(0, 0, 0, 0.30);
border-style: none;
padding: calc(var(--unit-size) * 0.5) calc(var(--unit-size) * 0.5);
color: #F6F6F6;
border-radius: calc(var(--unit-size) * 0.5);
font-size: var(--medium-size);
}
.form input[type=checkbox] {
float: left;
margin-right: calc(var(--unit-size) * 0.5);
}
button[type=submit] {
@ -323,4 +328,10 @@ input[type=radio] {
box-shadow: 0;
border-radius: 0 0 var(--unit-size) var(--unit-size);
font-size: var(--unit-size);
}
#form-tabs ul .form form{
width: 100%;
}
#form-tabs ul .form form div label {
margin-bottom: calc(var(--unit-size) * 0.5);
}

28
public/assets/css/settings/settings_mid.css
View File

@ -136,18 +136,22 @@ label {
}
label:nth-child() {
margin-top: var(--medium-size);
margin-top: var(--medium-size);
}
input[type=text] {
margin-top: calc(var(--unit-size) * 0.5);
width: calc(100% - var(--unit-size));
background-color: rgba(0, 0, 0, 0.30);
border-style: none;
padding: calc(var(--unit-size) * 0.5);
color: #F6F6F6;
border-radius: calc(var(--unit-size) * 0.5);
font-size: var(--medium-size);
margin-top: calc(var(--unit-size) * 0.5);
width: calc(100% - var(--unit-size));
background-color: rgba(0, 0, 0, 0.30);
border-style: none;
padding: calc(var(--unit-size) * 0.5);
color: #F6F6F6;
border-radius: calc(var(--unit-size) * 0.5);
font-size: var(--medium-size);
}
.form input[type=checkbox] {
float: right;
}
button[type=submit] {
@ -309,4 +313,10 @@ input[type=radio] {
box-shadow: 0;
border-radius: 0 0 var(--unit-size) var(--unit-size);
font-size: var(--unit-size);
}
#form-tabs ul .form form{
width: 100%;
}
#form-tabs ul .form form div label {
margin-bottom: calc(var(--unit-size) * 0.5);
}

29
public/assets/css/settings/settings_small.css
View File

@ -132,22 +132,25 @@ label {
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
width: 100%;
}
label:nth-child() {
margin-top: var(--medium-size);
margin-top: var(--medium-size);
}
input[type=text] {
margin-top: calc(var(--unit-size) * 0.5);
width: calc(100% - var(--unit-size));
background-color: rgba(0, 0, 0, 0.30);
border-style: none;
padding: calc(var(--unit-size) * 0.5);
color: #F6F6F6;
border-radius: calc(var(--unit-size) * 0.5);
font-size: var(--medium-size);
margin-top: calc(var(--unit-size) * 0.5);
width: calc(100% - var(--unit-size));
background-color: rgba(0, 0, 0, 0.30);
border-style: none;
padding: calc(var(--unit-size) * 0.5);
color: #F6F6F6;
border-radius: calc(var(--unit-size) * 0.5);
font-size: var(--medium-size);
}
.form input[type=checkbox] {
float: right;
}
button[type=submit] {
@ -309,4 +312,10 @@ input[type=radio] {
box-shadow: 0;
border-radius: 0 0 var(--unit-size) var(--unit-size);
font-size: var(--unit-size);
}
#form-tabs ul .form form{
width: 100%;
}
#form-tabs ul .form form div label {
margin-bottom: calc(var(--unit-size) * 0.5);
}