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

handling empty text

Browse source
This commit is contained in:
muerwre 2019-03-29 10:24:29 +07:00
parent 3a874583bc
commit 41f40a783f
2 changed files with 37 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/styles/panel.less
View file

@ -648,15 +648,21 @@
touch-action: auto;
display: flex;
flex-direction: column;
opacity: 0;
@media(max-width: @mobile_breakpoint) {
display: none;
}
&.active {
opacity: 1;
transform: translate(0, 0);
}
.title-dialog-pane {
margin-bottom: 10px;
padding: 10px;
background: #111111;
background: @dialog_background;
color: fade(white, 50%);
font-size: 13px;
box-sizing: border-box;
@ -672,13 +678,32 @@
.title-dialog-text {
overflow: hidden;
//display: flex;
transition: height 500ms;
line-height: 14px;
padding: 0;
position: relative;
> div {
margin: 10px;
}
::after {
content: ' ';
width: 100%;
height: 40px;
background: linear-gradient(fade(@dialog_background, 0), @dialog_background);
position: absolute;
bottom: 0;
left: 0;
transition: opacity 250ms;
pointer-events: none;
touch-action: none;
}
&:hover {
::after {
opacity: 0;
}
}
}
}