mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-05-09 20:05:22 +02:00
Code Issues Releases Wiki Activity

style: fix modal transitions

Browse Source
This commit is contained in:
Kushagra Gour 2018-01-13 09:39:59 +05:30
parent a01c5d0adc
commit d6546d35e7
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/style.css
View File

@ -473,7 +473,8 @@ transition: 0.25s ease;
max-height: 90vh; max-height: 90vh;
box-sizing: border-box; box-sizing: border-box;
overflow-y: auto; overflow-y: auto;
transition: all 0.19s; transition-property: transform, opacity;
transition-duration: 0.19s;
transform: translateY(-50px) scale(0.7); transform: translateY(-50px) scale(0.7);
} }
.is-modal-visible { .is-modal-visible {
@ -495,13 +496,13 @@ transition: 0.25s ease;
opacity: 0; opacity: 0;
will-change: opacity; will-change: opacity;
background: rgba(0,0,0,0.6); background: rgba(0,0,0,0.6);
transition: all 0.3s; transition: opacity 0.3s;
} }
/* Make settings modal smaller */ /* Make settings modal smaller */
@media screen and (min-width: 600px) { @media screen and (min-width: 600px) {
.modal--settings { .modal--settings {
/* width: 600px; */ /* width: 600px; */
/* margin-left: -300px; */ /* margin-lef.t: -300px; */
} }
} }
.saved-items-pane { .saved-items-pane {
@ -963,7 +964,7 @@ transition: 0.25s ease;
display: inline-block; display: inline-block;
} }
.web-maker-with-tag:after { .web-maker-with-tag:after {
content: 'BETA'; content: 'BETA';
position: relative; position: relative;
left: 3px; left: 3px;
top: -10px; top: -10px;