refactor viewer sections list, share, subscribe, subscription form

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;
+}