Skip to content
This repository has been archived by the owner on Jun 11, 2024. It is now read-only.

Commit

Permalink
Make Swiper cursor visible on both light/dark images
Browse files Browse the repository at this point in the history
By applying a light box-shadow and a dark line, the cursor will be
more visible.

Also adding a line-height: 0 to the container to avoid the cursor
dropping a few pixels below the image.
  • Loading branch information
trotzig committed Sep 1, 2016
1 parent 6d47f2e commit 9963c7e
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion lib/happo/public/happo-styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -91,14 +91,16 @@ body {
background-position: top left;
display: inline-block;
position: relative;
line-height: 0;
}

.Swiper__cursor {
box-shadow: 0px 0px 2px 0px #ffffff;
position: absolute;
top: 0;
width: 1px;
height: 100%;
background-color: #ccc;
background-color: #666666;
pointer-events: none;
}

Expand Down

0 comments on commit 9963c7e

Please sign in to comment.