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

fix popover out of visible area

Browse source
This commit is contained in:
Felix Niklas 2015-03-25 18:00:00 +01:00
parent d36b0fa64d
commit d39d960a13
2 changed files with 44 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
app/assets/javascripts/app/lib/bootstrap/popover-enhance.js
View file

@ -28,3 +28,37 @@ $.fn.popover.Constructor.prototype.leave = function(obj){
}) })
} }
}; };
/*
Add global 10px padding
*/
$.fn.popover.Constructor.DEFAULTS.viewport.padding = 10;
/*
Extend zammad popover template
adds a popover-body around popover-title and popover-content
to make the popover scrollable without hiding the arrow
*/
$.fn.popover.Constructor.DEFAULTS.template = '<div class="popover" role="tooltip"><div class="arrow"></div><div class="popover-body"><h2 class="popover-title"></h2><div class="popover-content"></div></div></div>';
/*
Add maxHeight to popovers
*/
var originalShow = $.fn.popover.Constructor.prototype.show;
$.fn.popover.Constructor.prototype.show = function(){
originalShow.call(this);
var maxHeight = $(this.options.viewport.selector).height() - 2 * this.options.viewport.padding;
this.$tip.find('.popover-body').css('maxHeight', maxHeight);
}

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

@ -1,8 +1,13 @@
html {
height: 100%;
}
body { body {
font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.45; line-height: 1.45;
font-weight: normal; font-weight: normal;
background: hsl(210,17%,98%); background: hsl(210,17%,98%);
height: 100%;
} }
p { p {
@ -2810,9 +2815,12 @@ footer {
z-index: 1110; z-index: 1110;
box-shadow: 0 1px 14px rgba(0,8,14,.25); box-shadow: 0 1px 14px rgba(0,8,14,.25);
word-wrap: break-word; word-wrap: break-word;
// max-height: calc(100vh - 20px);
} }
.popover-body {
overflow: auto;
}
.popover-title { .popover-title {
border: none; border: none;
background: none; background: none;
@ -2821,7 +2829,6 @@ footer {
.popover-content { .popover-content {
padding: 0 17px 10px; padding: 0 17px 10px;
overflow-y: auto;
} }
.popover.right { margin-left: 4px; } .popover.right { margin-left: 4px; }