diff options
| author | bobzel <zzzman@gmail.com> | 2023-05-21 22:25:28 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2023-05-21 22:25:28 -0400 |
| commit | ad32fce170ffeef8e03c108569113dca9de15d5d (patch) | |
| tree | b7c9dda79e8f56d6f2cd106ec2db7197fbac3323 /src/client/views/collections/CollectionCarousel3DView.scss | |
| parent | 6d38405169b6475ed84baf7de81d01482c3d5fce (diff) | |
fixed comparisonBox to create embeddings of documents by fixing targetDropAction to work for non-collections. fixed carouse3D view to have correct screentolocal XFs,
Diffstat (limited to 'src/client/views/collections/CollectionCarousel3DView.scss')
| -rw-r--r-- | src/client/views/collections/CollectionCarousel3DView.scss | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/src/client/views/collections/CollectionCarousel3DView.scss b/src/client/views/collections/CollectionCarousel3DView.scss index 5c8b491eb..6bd1d9f5f 100644 --- a/src/client/views/collections/CollectionCarousel3DView.scss +++ b/src/client/views/collections/CollectionCarousel3DView.scss @@ -1,3 +1,4 @@ +@import '../global/globalCssVariables'; .collectionCarousel3DView-outer { height: 100%; position: relative; @@ -7,8 +8,8 @@ .carousel-wrapper { display: flex; position: absolute; - top: 15%; - height: 60%; + top: $CAROUSEL3D_TOP * 1%; + height: ($CAROUSEL3D_SIDE_SCALE * 100) * 1%; align-items: center; transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); @@ -17,10 +18,17 @@ flex: 1; transition: opacity 0.3s linear, transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none; + opacity: 0.5; + z-index: 1; + transform: scale($CAROUSEL3D_SIDE_SCALE); + user-select: none; } .collectionCarousel3DView-item-active { pointer-events: unset; + opacity: 1; + z-index: 2; + transform: scale($CAROUSEL3D_CENTER_SCALE); } } @@ -105,4 +113,4 @@ .carousel3DView-back-scroll:hover, .carousel3DView-fwd-scroll:hover { background: lightgray; -}
\ No newline at end of file +} |
