Saidit.net - Side-by-side vote buttons are here!

submitted by magnora7[A] from self.SaidIt

sorted by:
top
newinsightfulfun
you are viewing a single comment's thread.

view the rest of the comments →

[–]magnora7[S] 4 insightful - 4 fun4 insightful - 3 fun5 insightful - 4 fun -  (4 children)

Add this to your CSS to undo the vote button changes:

/* vote buttons from side-by-side back to vertical on top of one another like reddit */

.arrow .score { padding-left: 19px; margin-left: 8px; top: 5px; left: unset; }

.link .midcol { margin-left: unset; }

.comment { .midcol { width: 31px; height: unset; } }

.arrow {
width: 81%; margin-right: 15px; height: 24px; background-position-y: center; }

.message.was-comment .midcol { height: unset; }

[–][deleted] 4 insightful - 4 fun4 insightful - 3 fun5 insightful - 4 fun -  (1 child)

Perfect thank you will do now

[–]magnora7[S] 3 insightful - 3 fun3 insightful - 2 fun4 insightful - 3 fun -  (0 children)

No problem

[–][deleted] 4 insightful - 2 fun4 insightful - 1 fun5 insightful - 2 fun -  (1 child)

Your code is scuffed it has a validation error for .comment { .midcol { width: 31px; height: unset; } }

Copy this code that has been fixed

/* vote buttons from side-by-side back to vertical on top of one another like reddit */

.arrow .score { padding-left: 19px; margin-left: 8px; top: 0px; left: unset; }

.link .midcol { margin-left: unset; }

.comment .midcol { width: 31px; height: unset; }

.arrow { width: 81%; margin-right: 15px; height: 24px; background-position-y: center; }

.message.was-comment .midcol { height: unset; }

[–]magnora7[S] 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (0 children)

Thanks. I made a couple final changes to .comment .midcol, so here is the final updated code:

/* vote buttons from side-by-side back to vertical on top of one another like reddit */

.arrow .score { padding-left: 19px; margin-left: 8px; top: 0px; left: unset; }

.link .midcol { margin-left: unset; }

.comment .midcol { width: 31px; height: unset; border-radius: unset; margin-right: 8px;}

.arrow { width: 81%; margin-right: 15px; height: 24px; background-position-y: center; }

.message.was-comment .midcol { height: unset; }