summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/viewer/sections/subscribe.css
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/app/views/viewer/sections/subscribe.css')
-rw-r--r--animism-align/frontend/app/views/viewer/sections/subscribe.css14
1 files changed, 13 insertions, 1 deletions
diff --git a/animism-align/frontend/app/views/viewer/sections/subscribe.css b/animism-align/frontend/app/views/viewer/sections/subscribe.css
index 2b43fe2..88a7b94 100644
--- a/animism-align/frontend/app/views/viewer/sections/subscribe.css
+++ b/animism-align/frontend/app/views/viewer/sections/subscribe.css
@@ -7,7 +7,7 @@
width: 29.6rem;
transform: translateY(30rem) translateZ(0);
transition: opacity 0.01s, transform 0.2s;
- padding: 0.5rem 0.75rem 0 0.75rem;
+ padding: 0 0.75rem 0 0.75rem;
background: black;
border-top: 1px solid white;
border-right: 1px solid white;
@@ -23,18 +23,30 @@
border-bottom: 1px solid white;
bottom: auto;
}
+.checklist-open .nav-subscribe > div {
+ display: flex;
+ flex-direction: column-reverse;
+}
.subscribe-open .nav-subscribe {
transform: translateY(0) translateZ(0);
opacity: 1;
z-index: 10;
}
+.checklist-open .nav-subscribe .subscription-form {
+ padding-top: 0;
+}
+.checklist-open .nav-subscribe form label.subscription-privacy {
+ margin-bottom: 1rem;
+}
+
/* subscription form */
.nav-subscribe .subscription-form {
width: 100%;
white-space: normal;
position: relative;
+ padding-top: 0.5rem;
}
.nav-subscribe .subscription-form input[type='email'] {
font-size: 18px;