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

[CSS] Ultra widescreen dimensions fix

This commit is contained in:
Eliseu Amaro 2021-12-02 21:46:02 +00:00 committed by Diogo Peralta Cordeiro
parent 6ce78141a8
commit e5f09a26d4
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
2 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
public/assets/default_theme/css/base.css
View File

@ -6,14 +6,6 @@
@import url("widgets/sections.css");
/*:root {*/
/* --smaller: .6rem;*/
/* --default: 1rem;*/
/* --small: 1.3rem;*/
/* --medium: 1.62rem;*/
/* --big: 3rem;*/
/*}*/
* {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
@ -24,9 +16,13 @@
body,html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: var(--background-hard);
background-attachment: fixed;
font-family: 'Open Sans',sans-serif;
font-size: var(--default);
display: flex;
flex-direction: column;
}
body,input,textarea,select {
@ -183,10 +179,6 @@ li {
}
@media(prefers-color-scheme:dark) {
.background-image {
background-color: var(--background-hard);
}
select:not([multiple]) {
background: var(--gradient),url("../images/select_drop_dark.png") no-repeat center right 5px !important;
background-size: cover,16px !important;
@ -194,10 +186,6 @@ li {
}
@media(prefers-color-scheme:light) {
.background-image {
background-color: var(--background-hard);
}
select:not([multiple]) {
background: var(--gradient),url("../images/select_drop_light.png") no-repeat center right 5px !important;
background-size: cover,16px !important;
@ -424,6 +412,18 @@ html {
}
}
@media only screen and (min-width:2000px) {
.page-content-wrapper {
width: 50%;
}
.section-panel-left {
left: calc(25% - 19vw) !important;
}
.section-panel-right {
right: calc(25% - 19vw) !important;
}
}
@media only screen and (max-width:1280px) {
.page-content-wrapper {
width: 100%;

2
templates/base.html.twig
View File

@ -32,7 +32,7 @@
{% endfor %}
</head>
<body class="background-image">
<body>
<aside class="accessibility-menu">
<h2 class="accessibility-menu-title" tabindex="0">{{ 'Accessibility menu.' | trans }}</h2>