mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-04-08 02:52:39 -05:00
Correctly overflow notification content to prevent it being too tall.
References https://github.com/TryGhost/Ghost/issues/1558
This commit is contained in:
parent
65f7da8365
commit
65de6202ec
2 changed files with 12 additions and 5 deletions
|
@ -13,6 +13,7 @@
|
|||
========================================================================== */
|
||||
|
||||
.notifications {
|
||||
|
||||
@media (min-width: 401px) {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
@ -48,11 +49,11 @@
|
|||
};
|
||||
width: 100%;
|
||||
min-height: 40px;
|
||||
padding: 10px 43px 10px 57px;
|
||||
max-height: 253px;
|
||||
margin: 0 0 15px 0;
|
||||
color: rgba(255,255,255,0.9);
|
||||
background: $blue;
|
||||
position:relative;
|
||||
position: relative;
|
||||
box-shadow: $shadow;
|
||||
@include transform(translateZ(0));
|
||||
|
||||
|
@ -60,6 +61,13 @@
|
|||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
.notification-message {
|
||||
display: block;
|
||||
padding: 10px 43px 10px 57px;
|
||||
max-height: 253px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.close {
|
||||
@include icon-after($i-close) {
|
||||
padding: 6px;
|
||||
|
@ -67,7 +75,6 @@
|
|||
top: 8px;
|
||||
right: 9px;
|
||||
};
|
||||
display: inline-block;
|
||||
color: rgba(255,255,255,0.6);
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
|
@ -93,7 +100,7 @@
|
|||
@include animation-iteration-count(1);
|
||||
@include animation-fill-mode(forwards);
|
||||
}
|
||||
|
||||
|
||||
&.notification-passive:hover {
|
||||
@include animation(fade-in 0.2s linear);
|
||||
}
|
||||
|
|
2
core/client/docs/dist/css/ghost-ui.min.css
vendored
2
core/client/docs/dist/css/ghost-ui.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Add table
Reference in a new issue