MrBesen
/
tweb
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

some layout fixes

This commit is contained in:
Eduard Kuzmenko 2023-02-10 19:56:59 +04:00
parent 10dcda1ebd
commit 4d235d7f43
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/scss/partials/_leftSidebar.scss
View File

@ -8,8 +8,9 @@
//display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: unquote('min(100%, 18rem)');
// min-width: unquote('min(100%, 18rem)');
max-width: calc(#{$large-screen} / 4);
width: calc(#{$large-screen} / 4);
@include respond-to(handhelds) {
width: 100%;

19
src/scss/partials/_rightSidebar.scss
View File

@ -18,6 +18,20 @@
}
}
@include respond-to(floating-left-sidebar) {
body.is-right-column-shown:not(.is-left-column-shown) & {
transition: transform var(--transition-standard-in);
transform: translate3d(0, 0, 0);
}
}
@include respond-to(no-floating-left-sidebar) {
body.is-right-column-shown & {
transition: transform var(--transition-standard-in);
transform: translate3d(0, 0, 0);
}
}
@include respond-to(not-handhelds) {
width: calc(var(--right-column-width));
transition: transform var(--transition-standard-out);
@ -35,11 +49,6 @@
border-left-width: 0;
} */
body.is-right-column-shown:not(.is-left-column-shown) & {
transition: transform var(--transition-standard-in);
transform: translate3d(0, 0, 0);
}
body.animation-level-0 & {
transition: none;
}