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

sliding up title dialog

Browse source
This commit is contained in:
muerwre 2019-03-28 14:12:00 +07:00
parent ea688c363b
commit 3a874583bc
5 changed files with 92 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/styles/panel.less
View file

@ -641,19 +641,16 @@
.title-dialog {
z-index: 2;
opacity: 0;
transition: opacity 500ms, transform 1s;
transform: translate(0, 68px);
user-select: none;
pointer-events: all;
touch-action: auto;
display: flex;
flex-direction: column;
&.active {
opacity: 0.5;
transform: translate(0, 0);
&:hover {
opacity: 1;
}
}
.title-dialog-pane {
@ -662,6 +659,7 @@
background: #111111;
color: fade(white, 50%);
font-size: 13px;
box-sizing: border-box;
h2 {
margin: 0;
@ -671,4 +669,16 @@
color: white;
}
}
.title-dialog-text {
overflow: hidden;
//display: flex;
transition: height 500ms;
line-height: 14px;
padding: 0;
> div {
margin: 10px;
}
}
}