From 51767eeabfb4f2fbddc2f1c9e6f83f3b9c01e754 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Mon, 9 Nov 2020 21:06:34 +0100 Subject: artists animation --- .../app/views/viewer/player/components.media/media.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) (limited to 'animism-align/frontend/app/views/viewer/player/components.media') diff --git a/animism-align/frontend/app/views/viewer/player/components.media/media.css b/animism-align/frontend/app/views/viewer/player/components.media/media.css index 72eec07..6f9e96a 100644 --- a/animism-align/frontend/app/views/viewer/player/components.media/media.css +++ b/animism-align/frontend/app/views/viewer/player/components.media/media.css @@ -51,6 +51,11 @@ .viewer-fullscreen .carousel-component .nav-arrow { max-height: calc(100vh - 19rem); } +.carousel-component .nav-arrow polygon { + fill: #fff; + stroke-width: 0.1px; + stroke: #444; +} .carousel-component .nav-arrow.prev { left: 0; } @@ -61,20 +66,17 @@ background: transparent; outline: 0; } +/* .carousel-component .nav-arrow:hover { backdrop-filter: contrast(344%) grayscale(100%); background: rgba(255,255,255,0.9) } -/*.white .carousel-component .nav-arrow { background: rgba(255,255,255,0.0); } -.white .carousel-component .nav-arrow:hover { background: rgba(255,255,255,0.0); } -*/.black .carousel-component .nav-arrow { background: rgba(0,0,0,0.0); } -.black .carousel-component .nav-arrow:hover { background: rgba(0,0,0,0.0); } -.carousel-component .arrow { +*/.carousel-component .arrow { width: 4rem; } .carousel-component .arrow-disabled { cursor: default; - opacity: 0.2; + opacity: 0.0; } .carousel-component .dots { position: absolute; -- cgit v1.2.3-70-g09d2