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

[UI] Fixes to settings CSS

This commit is contained in:
rainydaysavings 2020-08-20 04:45:59 +01:00 committed by Hugo Sales
parent 2c59dcefcf
commit a85b5b44f1
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
4 changed files with 33 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,7 +14,9 @@
margin-left: var(--unit-size);
margin-right: var(--unit-size);
box-shadow: var(--shadow);
border-radius: 0 0 var(--unit-size) var(--unit-size);
border-radius: var(--small-size);
border: solid 2px var(--accent-low);
background-color: var(--bg3);
}
.set-nav {
@ -27,6 +29,7 @@
padding: var(--medium-size);
font-size: var(--medium-size);
font-family: var(--head-font);
border-radius: var(--small-size) var(--small-size) 0 0;
}
.set-nav ul {
@ -63,30 +66,28 @@
.secundary {
display: flex;
flex-wrap: wrap;
border-radius: 0 0 var(--unit-size) var(--unit-size);
background-color: var(--bg3);
padding: var(--unit-size);
margin: var(--unit-size);
border: solid 2px var(--accent-low);
border-radius: var(--small-size);
box-shadow: var(--shadow);
}
.form {
order: 3;
background-color: var(--bg3);
padding: calc(2*var(--unit-size));
font-size: var(--medium-size);
height: 100%;
width: 100%;
box-shadow: var(--shadow);
border-radius: 0 0 var(--unit-size) var(--unit-size);
border-radius: 0 0 var(--small-size) var(--small-size);
}
.form-single {
order: 2;
background-color: var(--bg3);
padding: calc(2*var(--unit-size));
font-size: var(--medium-size);
height: 100%;
width: 100%;
box-shadow: var(--shadow);
border-radius: var(--unit-size);
border-radius: var(--small-size);
}
/* FORMS ------------------------------*/

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

@ -14,7 +14,9 @@
margin-left: var(--unit-size);
margin-right: var(--unit-size);
box-shadow: var(--shadow);
border-radius: 0 0 var(--unit-size) var(--unit-size);
border-radius: var(--small-size);
border: solid 2px var(--accent-low);
background-color: var(--bg3);
}
.set-nav {
@ -27,6 +29,7 @@
padding: var(--medium-size);
font-size: var(--medium-size);
font-family: var(--head-font);
border-radius: var(--small-size) var(--small-size) 0 0;
}
.set-nav ul {
@ -64,30 +67,29 @@
.secundary {
display: flex;
flex-wrap: wrap;
border-radius: 0 0 var(--unit-size) var(--unit-size);
background-color: var(--bg3);
padding: var(--unit-size);
margin: var(--unit-size);
border: solid 2px var(--accent-low);
border-radius: var(--small-size);
box-shadow: var(--shadow);
}
.form {
order: 3;
background-color: var(--bg3);
padding: calc(2*var(--unit-size));
font-size: var(--medium-size);
height: 100%;
width: 100%;
box-shadow: var(--shadow);
border-radius: 0 0 var(--unit-size) var(--unit-size);
border-radius: 0 0 var(--small-size) var(--small-size);
}
.form-single {
order: 2;
background-color: var(--bg3);
padding: calc(2*var(--unit-size));
font-size: var(--medium-size);
height: 100%;
width: 100%;
box-shadow: var(--shadow);
border-radius: var(--unit-size);
border-radius: var(--small-size);
}
/* FORMS ------------------------------*/

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

@ -14,7 +14,9 @@
margin-left: 1%;
margin-right: 1%;
box-shadow: var(--shadow);
border-radius: 0 0 var(--unit-size) var(--unit-size);
border-radius: var(--small-size);
border: solid 2px var(--accent-low);
background-color: var(--bg3);
}
.set-nav {
@ -27,6 +29,7 @@
padding: var(--medium-size);
font-size: var(--medium-size);
font-family: var(--head-font);
border-radius: var(--small-size) var(--small-size) 0 0;
}
.set-nav ul {
@ -44,7 +47,7 @@
flex: 0 1 auto;
list-style-type: none;
font-weight: 700;
font-size: var(--medium-size);
font-size: var(--unit-size);
}
.set-nav a {
@ -66,28 +69,28 @@
flex-wrap: wrap;
border-radius: 0 0 var(--unit-size) var(--unit-size);
background-color: var(--bg3);
padding: 2%;
margin: 2%;
border: solid 2px var(--accent-low);
border-radius: var(--small-size);
box-shadow: var(--shadow);
}
.form {
order: 3;
background-color: var(--bg3);
padding: var(--unit-size);
font-size: var(--medium-size);
font-size: var(--unit-size);
height: 100%;
width: 100%;
box-shadow: var(--shadow);
border-radius: 0 0 var(--unit-size) var(--unit-size);
border-radius: 0 0 var(--small-size) var(--small-size);
}
.form-single {
order: 2;
background-color: var(--bg3);
padding: var(--unit-size);
font-size: var(--medium-size);
font-size: var(--unit-size);
height: 100%;
width: 100%;
box-shadow: var(--shadow);
border-radius: var(--unit-size);
border-radius: var(--small-size);
}
/* FORMS ------------------------------*/

1
templates/settings/base.html.twig
View File

@ -38,7 +38,6 @@
</li>
</ul>
</nav>
<hr>
{% endblock primary_nav %}
{% block secundary_nav %}