taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Increase top margin for notifications counter

stable
Daniel García 2018-11-23 14:48:09 +01:00 committed by Alex Hermida
parent d9d12cdc4b
commit df9fa920f9
2 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/modules/navigation-bar/dropdown-notifications/dropdown-notifications.jade
View File

@ -6,7 +6,7 @@ a(
ng-class="{'active': active}" ng-class="{'active': active}"
) )
tg-svg(svg-icon="icon-bell") tg-svg(svg-icon="icon-bell")
div.counter(ng-if="total", ng-class="{'active': newEvent}") {{ total }} div.counter(ng-if="total", ng-class="{'active': newEvent, 'large': total > 99, 'small': total < 10}") {{ total }}
div.navbar-dropdown-notifications( div.navbar-dropdown-notifications(
ng-show="visible", ng-show="visible",
ng-mouseleave="visible=false" ng-mouseleave="visible=false"

21
app/modules/navigation-bar/navigation-bar.scss
View File

@ -215,13 +215,24 @@ $dropdown-width: 350px;
border-radius: 50%; border-radius: 50%;
color: $white; color: $white;
font-size: .7rem; font-size: .7rem;
height: 20px; height: 18px;
left: 35px; left: 37px;
line-height: 20px; line-height: 18px;
position: absolute; position: absolute;
text-align: center; text-align: center;
top: 0; top: 3px;
width: 20px; width: 18px;
&.small {
height: 17px;
line-height: 17px;
width: 17px;
}
&.large {
height: 22px;
line-height: 22px;
top: 2px;
width: 22px;
}
&.active { &.active {
animation-duration: 2s; animation-duration: 2s;
animation-name: highlightFadeOut; animation-name: highlightFadeOut;