Fix submap positioning

This commit is contained in:
2021-10-20 22:25:56 +02:00
parent f084c30d2a
commit 237c33b941
3 changed files with 9 additions and 9 deletions

View File

@@ -33,8 +33,7 @@ $legend-color: $post-color;
/* Panels movements */ /* Panels movements */
&.with-feed { &.with-feed {
#submap { #submap {
width: calc(100% - #{$panel-width}); width: calc(100% - min(#{$panel-width}, #{$panel-width-max}));
min-width: calc(100% - #{$panel-width-max});
} }
#feed { #feed {
@@ -58,8 +57,8 @@ $legend-color: $post-color;
&.with-settings { &.with-settings {
#submap { #submap {
width: calc(100% - #{$panel-width}); width: calc(100% - min(#{$panel-width}, #{$panel-width-max}));
min-width: calc(100% - #{$panel-width-max}); left: min(#{$panel-width}, #{$panel-width-max});
} }
#settings { #settings {
@@ -83,8 +82,8 @@ $legend-color: $post-color;
&.with-feed.with-settings { &.with-feed.with-settings {
#submap { #submap {
width: calc(100% - #{$panel-width} * 2); left: 0;
min-width: calc(100% - #{$panel-width-max} * 2); width: 100%;
} }
#title { #title {
@@ -107,12 +106,13 @@ $legend-color: $post-color;
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
transition: width 0.5s, left 0.5s;
.loader { .loader {
position: absolute; position: absolute;
font-size: 3em; font-size: 3em;
top: calc(50% - 0.5em); top: calc(50% - 0.5em);
left: calc(50% - 0.66666em); left: calc(50% - 1.25em/2);
color: #CCC; color: #CCC;
} }
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long