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

[CSS] Ultra widescreen dimensions fix

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

2
templates/base.html.twig
View File

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