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

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

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

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

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

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

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