diff options
| author | bobzel <zzzman@gmail.com> | 2023-09-20 01:25:40 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2023-09-20 01:25:40 -0400 |
| commit | b6920e6ffc50eb46f3ac3657c9d5b4fe45e1dd0a (patch) | |
| tree | df72bf31bde202a49082e01126bf20e5b73f2531 /src/client/views/collections/CollectionCarouselView.scss | |
| parent | b98fad407e2214512d526dcff3812879ad9b4035 (diff) | |
shifted carousel fwd/back buttons away from edges of screen. made caption width of carousel inset by 30. made 3d carousel images bigger vertically. made properties dragger handle smaller when minimized.
Diffstat (limited to 'src/client/views/collections/CollectionCarouselView.scss')
| -rw-r--r-- | src/client/views/collections/CollectionCarouselView.scss | 23 |
1 files changed, 12 insertions, 11 deletions
diff --git a/src/client/views/collections/CollectionCarouselView.scss b/src/client/views/collections/CollectionCarouselView.scss index 8660113cd..130b31325 100644 --- a/src/client/views/collections/CollectionCarouselView.scss +++ b/src/client/views/collections/CollectionCarouselView.scss @@ -1,8 +1,7 @@ - .collectionCarouselView-outer { - height : 100%; + height: 100%; .collectionCarouselView-caption { - height: 50; + height: 50; display: inline-block; width: 100%; } @@ -13,7 +12,8 @@ user-select: none; } } -.carouselView-back, .carouselView-fwd { +.carouselView-back, +.carouselView-fwd { position: absolute; display: flex; top: 42.5%; @@ -22,18 +22,19 @@ align-items: center; border-radius: 5px; justify-content: center; - color: rgba(255,255,255,0.5); - background : rgba(0,0,0, 0.1); + color: rgba(255, 255, 255, 0.5); + background: rgba(0, 0, 0, 0.1); &:hover { - color:white; + color: white; } } .carouselView-fwd { - right: 0; + right: 20; } .carouselView-back { - left: 0; + left: 20; } -.carouselView-back:hover, .carouselView-fwd:hover { +.carouselView-back:hover, +.carouselView-fwd:hover { background: lightgray; -}
\ No newline at end of file +} |