beerslider icon indicating copy to clipboard operation
beerslider copied to clipboard

slider dividing line option

Open ibillwilson opened this issue 6 years ago • 3 comments

Could you possibly add an option to show a dividing line of some kind, and the ability to specify its color and/or style? Many before/after sliders I've seen include by default (with no ability to disable) a white or gray bar, or a thin black line (or even a double black line).

Beer slider currently relies on differences between the two photos to show where the dividing line is. I get why that is given why you developed it (to showcase photo filters), but in many cases, the difference between the two photos may not be enough to show a distinction from top to bottom.

Use case: the before/after could be essentially identical except for some relatively small or localized changes (e.g., something added, removed, or changed).

Thanks!

ibillwilson avatar Oct 01 '18 03:10 ibillwilson

Maybe the solution could be:

.beer-reveal {
  box-shadow: 1px 0 0 0 rgba(0,0,0,.4);
}

adding a 1px wide vertical sem-transparent line?

pehaa avatar Oct 05 '18 16:10 pehaa

Life-saving :) thank you very much. But would be great if we can add a line exactly middle of the chevron left and right icons.

thechiefalone avatar Jun 15 '21 09:06 thechiefalone

I signed up for GitHub just to give this a thumbs up )

Toberrr avatar Feb 15 '24 19:02 Toberrr