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