fix popover title mark as read
use new standard btn classes, fix spacing
This commit is contained in:
parent
216040dc36
commit
a5a359cce0
2 changed files with 6 additions and 14 deletions
|
@ -2,7 +2,7 @@
|
||||||
<div class="arrow"></div>
|
<div class="arrow"></div>
|
||||||
<div class="popover-notificationsHeader">
|
<div class="popover-notificationsHeader">
|
||||||
<div class="popover-title"></div>
|
<div class="popover-title"></div>
|
||||||
<a class="popover-notificationsMarkRead js-markAllAsRead"><%- @T( 'Mark all as read' ) %></a>
|
<a class="btn btn--text btn--subtle js-markAllAsRead"><%- @T( 'Mark all as read' ) %></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="popover-content"></div>
|
<div class="popover-content"></div>
|
||||||
</div>
|
</div>
|
|
@ -2598,6 +2598,7 @@ footer {
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 1px hsla(240,4%,95%,.5),
|
0 1px hsla(240,4%,95%,.5),
|
||||||
0 2px hsla(240,4%,95%,.2);
|
0 2px hsla(240,4%,95%,.2);
|
||||||
|
padding-bottom: 17px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2610,6 +2611,10 @@ footer {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.popover-notificationsCounter {
|
.popover-notificationsCounter {
|
||||||
|
@ -2617,19 +2622,6 @@ footer {
|
||||||
padding-left: 3px;
|
padding-left: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popover-notificationsMarkRead {
|
|
||||||
@extend .btn;
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 7px 0 0 2px;
|
|
||||||
text-decoration: underline;
|
|
||||||
color: hsl(0,0%,77%);
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
padding: 7px 0 0 2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.stat-icon {
|
.stat-icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue