aljaz/njump
1
0
Fork 0
mirror of https://github.com/aljazceru/njump.git synced 2025-12-18 23:04:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix clients column width

Browse Source
This commit is contained in:
Daniele Tonon
2023-05-27 15:15:59 +02:00
parent 25eaad1595
commit 7c8556e6e8
2 changed files with 15 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
static/styles.css
View File

@@ -1,3 +1,4 @@
html { html {
font-family: Helvetica, sans-serif; font-family: Helvetica, sans-serif;
font-size: 19px; font-size: 19px;
@@ -48,7 +49,7 @@ body {
background: #1e1e1e; background: #1e1e1e;
} }
.background::after { .background::after {
content: ''; content: "";
position: absolute; position: absolute;
width: 140%; width: 140%;
height: 100%; height: 100%;
@@ -234,7 +235,6 @@ body {
flex-grow: 0; flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;
word-wrap: break-word; word-wrap: break-word;
margin-right: 1vw;
} }
.container .column_content .info-wrapper { .container .column_content .info-wrapper {
font-size: 1.6rem; font-size: 1.6rem;
@@ -327,10 +327,7 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.container .container .column_content .field.advanced-switch-wrapper input[type=checkbox] {
.column_content
.field.advanced-switch-wrapper
input[type='checkbox'] {
height: 0; height: 0;
width: 0; width: 0;
visibility: hidden; visibility: hidden;
@@ -348,19 +345,13 @@ body {
margin-right: 0.5rem; margin-right: 0.5rem;
} }
@media (max-width: 580px) { @media (max-width: 580px) {
.container .container .column_content .field.advanced-switch-wrapper label:first-of-type {
.column_content
.field.advanced-switch-wrapper
label:first-of-type {
width: 3rem; width: 3rem;
height: 1.4rem; height: 1.4rem;
} }
} }
.container .container .column_content .field.advanced-switch-wrapper label:first-of-type:after {
.column_content content: "";
.field.advanced-switch-wrapper
label:first-of-type:after {
content: '';
position: absolute; position: absolute;
top: 2px; top: 2px;
left: 2px; left: 2px;
@@ -371,42 +362,22 @@ body {
transition: 0.2s; transition: 0.2s;
} }
@media (max-width: 580px) { @media (max-width: 580px) {
.container .container .column_content .field.advanced-switch-wrapper label:first-of-type:after {
.column_content
.field.advanced-switch-wrapper
label:first-of-type:after {
width: 1.2rem; width: 1.2rem;
height: 1.2rem; height: 1.2rem;
} }
} }
.theme--default .theme--default .container .column_content .field.advanced-switch-wrapper input:checked + label {
.container
.column_content
.field.advanced-switch-wrapper
input:checked
+ label {
background: #e32a6d; background: #e32a6d;
} }
.theme--dark .theme--dark .container .column_content .field.advanced-switch-wrapper input:checked + label {
.container
.column_content
.field.advanced-switch-wrapper
input:checked
+ label {
background: #e32a6d; background: #e32a6d;
} }
.container .container .column_content .field.advanced-switch-wrapper input:checked + label:first-of-type:after {
.column_content
.field.advanced-switch-wrapper
input:checked
+ label:first-of-type:after {
left: calc(100% - 2px); left: calc(100% - 2px);
transform: translateX(-100%); transform: translateX(-100%);
} }
.container .container .column_content .field.advanced-switch-wrapper label:first-of-type:active:after {
.column_content
.field.advanced-switch-wrapper
label:first-of-type:active:after {
width: 2rem; width: 2rem;
} }
.container .column_content .field.content { .container .column_content .field.content {
@@ -622,8 +593,8 @@ body.profile .column_content {
} }
body.note .column_content { body.note .column_content {
flex-basis: 70%; flex-basis: 75%;
max-width: 70%; max-width: 75%;
} }
@media (max-width: 580px) { @media (max-width: 580px) {
body.note .column_content { body.note .column_content {

5
static/styles.scss
View File

@@ -281,7 +281,6 @@ a {
flex-grow: 0; flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;
word-wrap: break-word; word-wrap: break-word;
margin-right: 1vw;
.info-wrapper { .info-wrapper {
font-size: 1.6rem; font-size: 1.6rem;
@@ -585,8 +584,8 @@ body.profile {
body.note { body.note {
.column_content { .column_content {
flex-basis: 70%; flex-basis: 75%;
max-width: 70%; max-width: 75%;
@media (max-width: 580px) { @media (max-width: 580px) {
flex-basis: 100%; flex-basis: 100%;
max-width: 100%; max-width: 100%;