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

5
static/styles.scss
View File

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