delegated tooltips
This commit is contained in:
@@ -58,7 +58,7 @@ $(document).ready(function() {
|
||||
$('.new-post-btn').bind('click', newPost);
|
||||
$('.new-post-cancel').bind('click', closeNewPost);
|
||||
|
||||
$('[data-tooltip]').bind({
|
||||
$body.delegate('[data-tooltip]', {
|
||||
'mouseover': showTooltip,
|
||||
'mousemove': moveTooltip,
|
||||
'mouseout': hideTooltip,
|
||||
@@ -66,14 +66,6 @@ $(document).ready(function() {
|
||||
});
|
||||
|
||||
$body.delegate('.browse-topic-drop-search-input, .form-topic-drop-search-input', 'keyup', filterDrop);
|
||||
|
||||
// $(window).bind('resize', updateSidebar);
|
||||
// $(window).bind('scroll', updateSidebar);
|
||||
// $('.discussion-column').bind("input", function (e) {
|
||||
// console.log("resized");
|
||||
// updateSidebar();
|
||||
// })
|
||||
// updateSidebar();
|
||||
});
|
||||
|
||||
function filterDrop(e) {
|
||||
|
||||
@@ -1400,38 +1400,6 @@ body.discussion {
|
||||
|
||||
|
||||
|
||||
|
||||
.tooltip {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99999;
|
||||
padding: 0 10px;
|
||||
border-radius: 3px;
|
||||
background: rgba(0, 0, 0, .85);
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
line-height: 26px;
|
||||
color: #fff;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
@include transition(opacity .1s);
|
||||
|
||||
&:after {
|
||||
content: '▾';
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: -14px;
|
||||
left: 50%;
|
||||
margin-left: -7px;
|
||||
font-size: 20px;
|
||||
color: rgba(0, 0, 0, .85);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.main-article.new {
|
||||
display: none;
|
||||
padding: 50px;
|
||||
|
||||
@@ -102,3 +102,32 @@ img {
|
||||
background: #444;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.tooltip {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99999;
|
||||
padding: 0 10px;
|
||||
border-radius: 3px;
|
||||
background: rgba(0, 0, 0, .85);
|
||||
font-size: 11px;
|
||||
font-weight: 400;
|
||||
line-height: 26px;
|
||||
color: #fff;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
@include transition(opacity .1s);
|
||||
|
||||
&:after {
|
||||
content: '▾';
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: -14px;
|
||||
left: 50%;
|
||||
margin-left: -7px;
|
||||
font-size: 20px;
|
||||
color: rgba(0, 0, 0, .85);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user