muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 02:56:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed dialog width for micro screens

Browse source
This commit is contained in:
Fedor Katurov 2020-01-24 17:18:46 +07:00
parent 3ffba24994
commit 460440ea24
1 changed files with 28 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/styles/panel.less
View file

@ -126,7 +126,8 @@
} }
} }
&.disabled, &.inactive { &.disabled,
&.inactive {
color: #999999; color: #999999;
svg { svg {
@ -221,7 +222,8 @@
} }
} }
.panel button, .tooltip-container { .panel button,
.tooltip-container {
position: relative; position: relative;
&:hover .panel-tooltip { &:hover .panel-tooltip {
@ -290,9 +292,14 @@
top: 52px; top: 52px;
} }
&.left, &__left { &.left,
&__left {
right: auto; right: auto;
left: 10px; left: 10px;
@media (max-width: @micro_breakpoint) {
left: 68px;
}
} }
.helper:first-child { .helper:first-child {
@ -310,16 +317,28 @@
&__big { &__big {
width: calc(100% - 20px); width: calc(100% - 20px);
max-width: 620px; max-width: 620px;
@media (max-width: @micro_breakpoint) {
width: calc(100% - 78px);
}
} }
&__medium { &__medium {
width: calc(100% - 20px); width: calc(100% - 20px);
max-width: 417px; max-width: 417px;
@media (max-width: @micro_breakpoint) {
width: calc(100% - 78px);
}
} }
&__small { &__small {
width: calc(100% - 20px); width: calc(100% - 20px);
max-width: 324px; max-width: 324px;
@media (max-width: @micro_breakpoint) {
width: calc(100% - 78px);
}
} }
} }
@ -695,7 +714,7 @@
opacity: 0; opacity: 0;
align-items: flex-start; align-items: flex-start;
@media(max-width: @mobile_breakpoint) { @media (max-width: @mobile_breakpoint) {
display: none; display: none;
} }
@ -766,7 +785,7 @@
position: fixed; position: fixed;
bottom: 53px; bottom: 53px;
left: 10px; left: 10px;
width: 272px width: 272px;
} }
.nominatim-search-input { .nominatim-search-input {