0
Fork 0
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:
Paul Adam Davis 2014-06-24 11:01:22 +01:00
parent 65f7da8365
commit 65de6202ec
2 changed files with 12 additions and 5 deletions

View file

@ -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);
}

File diff suppressed because one or more lines are too long