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

undo and redo functionality

Browse source
This commit is contained in:
Fedor Katurov 2020-01-22 11:53:19 +07:00
parent 8df7d7d27d
commit 4915744c84
11 changed files with 216 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

81
src/styles/panel.less
View file

@ -27,6 +27,20 @@
}
}
.secondary-bar {
background: #222222;
margin: 0 -1px;
&:first-child {
border-radius: @panel_radius 0 0 @panel_radius;
}
.panel & button {
height: 40px;
padding: 4px;
}
}
.panel {
position: fixed;
left: 10px;
@ -264,41 +278,41 @@
left: 10px;
}
&.control-dialog-big {
min-width: 555px;
// &.control-dialog-big {
// min-width: 555px;
@media (max-width: @mobile_breakpoint) {
min-width: 100%;
max-width: 100%;
width: 100% !important;
left: 0;
padding: 0 10px;
}
}
// @media (max-width: @mobile_breakpoint) {
// min-width: 100%;
// max-width: 100%;
// width: 100% !important;
// left: 0;
// padding: 0 10px;
// }
// }
&.control-dialog-medium {
min-width: 460px;
// &.control-dialog-medium {
// min-width: 460px;
@media (max-width: @mobile_breakpoint) {
min-width: 100%;
max-width: 100%;
width: 100% !important;
left: 0;
padding: 0 10px;
}
}
// @media (max-width: @mobile_breakpoint) {
// min-width: 100%;
// max-width: 100%;
// width: 100% !important;
// left: 0;
// padding: 0 10px;
// }
// }
&.control-dialog-small {
min-width: 270px;
// &.control-dialog-small {
// min-width: 270px;
@media (max-width: @mobile_breakpoint) {
min-width: 100%;
max-width: 100%;
width: 100% !important;
left: 0;
padding: 0 10px;
}
}
// @media (max-width: @mobile_breakpoint) {
// min-width: 100%;
// max-width: 100%;
// width: 100% !important;
// left: 0;
// padding: 0 10px;
// }
// }
.helper:first-child {
border-radius: @panel_radius @panel_radius 0 0;
@ -312,8 +326,13 @@
border-radius: @panel_radius;
}
&__big {
width: calc(100% - 20px);
max-width: 620px;
}
&__medium {
width: 100%;
width: calc(100% - 20px);
max-width: 417px;
}
}