github-mirror/BookStack
github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-05-04 18:14:04 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Fixed up notification styling a little

Browse Source
This commit is contained in:
Dan Brown 2018-03-18 11:58:45 +00:00
parent d44e0b7964
commit 8828adfc9c
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/assets/js/components/notification.js
View File

@ -18,7 +18,7 @@ class Notification {
show(textToShow = '') { show(textToShow = '') {
this.elem.removeEventListener('transitionend', this.hideCleanup); this.elem.removeEventListener('transitionend', this.hideCleanup);
this.textElem.textContent = textToShow; this.textElem.textContent = textToShow;
this.elem.style.display = 'block'; this.elem.style.display = 'grid';
setTimeout(() => { setTimeout(() => {
this.elem.classList.add('showing'); this.elem.classList.add('showing');
}, 1); }, 1);

8
resources/assets/sass/_components.scss
View File

@ -10,8 +10,8 @@
box-shadow: $bs-med; box-shadow: $bs-med;
z-index: 999999; z-index: 999999;
cursor: pointer; cursor: pointer;
max-width: 480px; max-width: 360px;
transition: transform ease-in-out 360ms; transition: transform ease-in-out 280ms;
transform: translate3d(580px, 0, 0); transform: translate3d(580px, 0, 0);
display: grid; display: grid;
grid-template-columns: 64px 1fr; grid-template-columns: 64px 1fr;
@ -27,6 +27,7 @@
} }
span { span {
vertical-align: middle; vertical-align: middle;
line-height: 1.3;
} }
&.pos { &.pos {
background-color: $positive; background-color: $positive;
@ -43,6 +44,9 @@
&.showing { &.showing {
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
&.showing:hover {
transform: translate3d(0, -2px, 0);
}
} }
[chapter-toggle] { [chapter-toggle] {