Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00
Code Issues Activity

Reimplement notification close button hit area size

Browse source 
Essentially, this: 087868c1c9
This commit is contained in:
Paul Adam Davis 2014-08-19 15:31:18 +01:00
parent 9208677e6c
commit 7e55f9a393
3 changed files with 18 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
core/client/assets/sass/components/notifications.scss
View file

@ -65,18 +65,22 @@
} }
.close { .close {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 34px;
@include icon-after($i-close) { @include icon-after($i-close) {
padding: 6px; padding: 10px;
position: absolute; position: absolute;
top: 8px; top: 4px;
right: 9px; right: 1px;
}; };
color: rgba(255,255,255,0.6); color: rgba(255,255,255,0.6);
&:hover { &:hover {
color: #fff; color: #fff;
} }
} // .close
}
a { a {
color: inherit; color: inherit;

11
core/client/docs/dist/css/ghost-ui.css vendored
View file

@ -2319,6 +2319,11 @@ table,
max-height: 253px; max-height: 253px;
overflow: auto; } overflow: auto; }
.notification .close, .notification-success .close, .notification-error .close, .notification-warn .close, .notification-info .close { .notification .close, .notification-success .close, .notification-error .close, .notification-warn .close, .notification-info .close {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 34px;
color: rgba(255, 255, 255, 0.6); } color: rgba(255, 255, 255, 0.6); }
.notification .close:after, .notification-success .close:after, .notification-error .close:after, .notification-warn .close:after, .notification-info .close:after { .notification .close:after, .notification-success .close:after, .notification-error .close:after, .notification-warn .close:after, .notification-info .close:after {
font-family: "GhostIcons"; font-family: "GhostIcons";
@ -2330,10 +2335,10 @@ table,
line-height: 1; line-height: 1;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
content: "\e01c"; content: "\e01c";
padding: 6px; padding: 10px;
position: absolute; position: absolute;
top: 8px; top: 4px;
right: 9px; } right: 1px; }
.notification .close:hover, .notification-success .close:hover, .notification-error .close:hover, .notification-warn .close:hover, .notification-info .close:hover { .notification .close:hover, .notification-success .close:hover, .notification-error .close:hover, .notification-warn .close:hover, .notification-info .close:hover {
text-decoration: none; } text-decoration: none; }
.notification .close:hover, .notification-success .close:hover, .notification-error .close:hover, .notification-warn .close:hover, .notification-info .close:hover { .notification .close:hover, .notification-success .close:hover, .notification-error .close:hover, .notification-warn .close:hover, .notification-info .close:hover {

2
core/client/docs/dist/css/ghost-ui.min.css vendored
View file

File diff suppressed because one or more lines are too long