diff options
Diffstat (limited to 'animism-align/frontend/app/views/viewer/sections/share.css')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/sections/share.css | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/viewer/sections/share.css b/animism-align/frontend/app/views/viewer/sections/share.css new file mode 100644 index 0000000..ae5dd53 --- /dev/null +++ b/animism-align/frontend/app/views/viewer/sections/share.css @@ -0,0 +1,54 @@ +/* share box */ + +.nav-share { + position: absolute; + bottom: 0; + left: 0; + width: 20rem; + transform: translateY(30rem) translateZ(0); + transition: opacity 0.01s, transform 0.2s; + padding: 0.5rem 0.75rem 0 0.75rem; + background: black; + border-top: 1px solid white; + border-right: 1px solid white; + color: white; + font-size: 18px; +} +.checklist-open .nav-share { + top: 0rem; + z-index: 21; + transform: translateY(-30rem) translateZ(0); + border-top: 0; + border-bottom: 1px solid white; + bottom: auto; +} +.share-open .nav-share { + transform: translateY(0) translateZ(0); + opacity: 1; + z-index: 10; +} + +.nav-share a { + color: white; + text-decoration: none; +} +.nav-share .share-success { + display: none; +} +.nav-share.copying .share-success { + margin-left: 1rem; + display: inline; + opacity: 1; + color: white; + font-size: 0.75rem; +} +.nav-share.copying.copied .share-success { + opacity: 0; + transition: opacity 1.0s 1.0s; +} +.nav-share .share-option { + padding: 0.5rem 0; +} +.nav-share .share-copy { + cursor: pointer; +} |