Conflict between 'Make the vote buttons sticky' and 'Make the topbar fixed'

[shu8]

I'm using v1.4 and I noticed that the following features seem to clash somehow:

Make the topbar fixed (stay at the top as you scroll)
Make the vote buttons sticky
The topbar stays at the top, that works fine, but when scrolling, the upvote button disappears under the topbar. See the following screenshot for an example:

It would be great if the upvote button was visible all the time.

(from http://stackapps.com/a/6450/26088)

[shu8]

I could add margin-top: 34px; to the vote buttons but that has the effect of making the vote button start 34px down than the usual place and looks ugly...

Anyone know a better way to fix this? :)

[nwinkler]

Good question...

The issue seems to be that the sticky-element plugin uses a container to stick the vote buttons to, and the topbar position is simply set to fixed.

Maybe it's possible to play with the position of the topbar, changing the size of the page so that the container starts right below the topbar, instead of under the topbar.

[shu8]

@nwinkler Thanks for replying (my first reply on GitHub! :D)

This seems like a side-effect of fixing http://stackapps.com/a/6361/26088 - we ended up fixing the position and then pushing it back up - see the chat for details.

I'll need to look into the container and see whether I can make it start a bit lower down - depending on where it is, it might not cause the vote buttons to start 34px down from the top of the post (I hope!)

[shu8]

@nwinkler @Loxos fixed this! :)

[nwinkler]

Great! When will this be available in master? Any plans for your next official release?

[shu8]

I'm away at the moment but I think I'll update it to master in the second
week of September! :)

On Thursday, 27 August 2015, Nils Winkler [email protected] wrote:

Great! When will this be available in master? Any plans for your next
official release?

—
Reply to this email directly or view it on GitHub
#5 (comment)
.

Sent from Gmail Mobile

[nwinkler]

Great, thanks for the update!