muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

ScrollDialog error handling

Browse source
This commit is contained in:
muerwre 2019-08-06 19:09:07 +07:00
parent bfc779745a
commit a977c73449
5 changed files with 42 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/containers/dialogs/ScrollDialog/styles.scss
View file

@ -54,7 +54,10 @@
height: 10px;
top: 0;
&:global(.has_buttons) { height: 60px; top: 15px;}
&:global(.has_buttons) {
height: 60px;
top: 15px;
}
.wrap {
display: flex;
@ -75,6 +78,7 @@
.wrap {
flex: 0 1 800px;
height: 100%;
position: relative;
}
.scroll_wrap {
@ -126,3 +130,27 @@
bottom: -$gap;
}
}
.error {
background: linear-gradient(transparentize($red, 1), $red);
position: absolute;
width: 100%;
height: auto;
bottom: 100%;
left: 0;
padding: $gap * 2 $gap;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
font: $font_14_regular;
border-radius: 0 0 $radius $radius;
pointer-events: none;
touch-action: none;
opacity: 0;
transition: opacity 0.25s;
&:global(.active) {
opacity: 1;
}
}