paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-05 06:23:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

popovers: Apply email overflow changes to ".message-info-popover".

Browse Source 
This applies the same overflow changes to “.message-info-popover” by
imposing a max width on the popover (so it doesn’t increase in width
when it gets larger) and adding the tooltip on hover.
This commit is contained in:
Brock Whittaker
2017-12-13 11:45:06 -08:00
committed by showell
parent 97c3d5fce3
commit 20f3b0f599
2 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
static/js/popovers.js
View File

@@ -476,16 +476,16 @@ exports.register_click_handlers = function () {
current_user_sidebar_user_id = user_id; current_user_sidebar_user_id = user_id;
current_user_sidebar_popover = target.data('popover'); current_user_sidebar_popover = target.data('popover');
});
$('.my_email').hover(function () { $('body').on("mouseenter", ".my_email", function () {
var tooltip_holder = $(this).find('div'); var tooltip_holder = $(this).find('div');
if (this.offsetWidth < this.scrollWidth) { if (this.offsetWidth < this.scrollWidth) {
tooltip_holder.addClass('display-tooltip'); tooltip_holder.addClass('display-tooltip');
} else { } else {
tooltip_holder.removeClass('display-tooltip'); tooltip_holder.removeClass('display-tooltip');
} }
});
}); });
$('body').on('click', '.respond_button', function (e) { $('body').on('click', '.respond_button', function (e) {

4
static/styles/popovers.css
View File

@@ -88,6 +88,10 @@ ul.actions_popover i {
padding: 0; padding: 0;
} }
.message-info-popover {
width: 240px;
}
.user_popover .popover-title { .user_popover .popover-title {
padding: 0; padding: 0;
} }