Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

add a shadow on overflowing notifications popover

Browse source 
and fix the title in chrome vs FF
This commit is contained in:
Felix Niklas 2015-01-20 14:31:05 +01:00
parent 3b2ff7103a
commit 03e615bcc9
2 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/assets/javascripts/app/lib/bootstrap/tooltip.js
View file

@ -259,8 +259,9 @@
}, offset), 0) }, offset), 0)
var maxHeight = $('#app').height() - 18 var maxHeight = $('#app').height() - 18
if(height > maxHeight) if(height > maxHeight){
$tip.height(maxHeight) $tip.height(maxHeight).addClass('is-overflowing')
}
$tip.addClass('in') $tip.addClass('in')

14
app/assets/stylesheets/zammad.css.scss
View file

@ -2725,13 +2725,23 @@ footer {
&.is-visible { &.is-visible {
@extend .vertical; @extend .vertical;
} }
.popover-content {
@extend .flex;
}
&.is-overflowing .popover-notificationsHeader {
box-shadow:
0 1px hsla(240,4%,95%,.5),
0 2px hsla(240,4%,95%,.2);
}
} }
.popover-notificationsHeader { .popover-notificationsHeader {
@extend .horizontal; @extend .horizontal;
@extend .end; @extend .end;
@extend .popover-title; padding-bottom: 22px;
padding-bottom: 29px; margin: 21px 17px 0;
.popover-title { .popover-title {
@extend h1; @extend h1;