github/reddit
1
1
Fork 0
mirror of https://github.com/reddit-archive/reddit.git synced 2026-01-27 07:48:16 -05:00
Code Issues Packages Projects Releases Wiki Activity

r.ui.Bubble: Add anchored-top-centered bubble mode.

Browse Source
This commit is contained in:
Neil Williams
2013-10-18 22:12:50 -07:00
parent 10e2ab8b42
commit c814bb8e6b
2 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
r2/r2/public/static/css/reddit.less
View File

@@ -1060,6 +1060,24 @@ a.author { margin-right: 0.5em; }
}
}
&.anchor-top-centered {
&:before, &:after {
left: 50%;
margin-left: -9px;
border: 9px solid transparent;
}
&:before {
top: -19px;
border-bottom-color: gray;
}
&:after {
top: -18px;
border-bottom-color: white;
}
}
&.anchor-right {
&:before, &:after {
top: 8px;

4
r2/r2/public/static/js/ui.js
View File

@@ -179,7 +179,7 @@ r.ui.Bubble = Backbone.View.extend({
var parentPos = this.$parent.offset(),
bodyOffset = $('body').offset(),
offsetX, offsetY
if (this.$el.is('.anchor-top')) {
if (this.$el.is('.anchor-top') || this.$el.is('.anchor-top-centered')) {
offsetX = this.$parent.outerWidth(true) - this.$el.outerWidth(true)
offsetY = this.$parent.outerHeight(true) + 5
this.$el.css({
@@ -265,7 +265,7 @@ r.ui.Bubble = Backbone.View.extend({
}
var animProp, animOffset
if (this.$el.is('.anchor-top')) {
if (this.$el.is('.anchor-top') || this.$el.is('.anchor-top-centered')) {
animProp = 'top'
animOffset = '-=5'
} else if (this.$el.is('.anchor-right')) {