♻️ apply form styles from class 2
This commit is contained in:
parent
b819111cbd
commit
423ac343fb
|
@ -84,16 +84,16 @@
|
|||
</button>
|
||||
</div>
|
||||
|
||||
<div id="newsletter-signup-form-feedback" class="gone">
|
||||
<div id="newsletter-signup-form-feedback-wait" class="centertext gone">
|
||||
<div id="newsletter-signup-form-feedback" class="form-feedback gone">
|
||||
<div id="newsletter-signup-form-feedback-wait" class="form-feedback-wait centertext gone">
|
||||
<span class="icon spinning ti ti-loader-2"></span>
|
||||
<span class="text"><?= $dict->get("newsletter_subscribe_feedback_wait") ?></span>
|
||||
</div>
|
||||
<div id="newsletter-signup-form-feedback-success" class="centertext gone">
|
||||
<div id="newsletter-signup-form-feedback-success" class="form-feedback-success centertext gone">
|
||||
<span class="icon ti ti-check"></span>
|
||||
<span class="text"><?= $dict->get("newsletter_subscribe_feedback_success") ?></span>
|
||||
</div>
|
||||
<div id="newsletter-signup-form-feedback-failure" class="centertext gone">
|
||||
<div id="newsletter-signup-form-feedback-failure" class="form-feedback-failure centertext gone">
|
||||
<span class="icon ti ti-x"></span>
|
||||
<span class="text"><?= $dict->get("newsletter_subscribe_feedback_failure") ?></span>
|
||||
</div>
|
||||
|
|
|
@ -84,16 +84,16 @@
|
|||
</button>
|
||||
</div>
|
||||
|
||||
<div id="newsletter-signup-form-feedback" class="gone">
|
||||
<div id="newsletter-signup-form-feedback-wait" class="centertext gone">
|
||||
<div id="newsletter-signup-form-feedback" class="form-feedback gone">
|
||||
<div id="newsletter-signup-form-feedback-wait" class="form-feedback-wait centertext gone">
|
||||
<span class="icon spinning ti ti-loader-2"></span>
|
||||
<span class="text"><?= $dict->get("newsletter_unsubscribe_feedback_wait") ?></span>
|
||||
</div>
|
||||
<div id="newsletter-signup-form-feedback-success" class="centertext gone">
|
||||
<div id="newsletter-signup-form-feedback-success" class="form-feedback-success centertext gone">
|
||||
<span class="icon ti ti-check"></span>
|
||||
<span class="text"><?= $dict->get("newsletter_unsubscribe_feedback_success") ?></span>
|
||||
</div>
|
||||
<div id="newsletter-signup-form-feedback-failure" class="centertext gone">
|
||||
<div id="newsletter-signup-form-feedback-failure" class="form-feedback-failure centertext gone">
|
||||
<span class="icon ti ti-x"></span>
|
||||
<span class="text"><?= $dict->get("newsletter_unsubscribe_feedback_failure") ?></span>
|
||||
</div>
|
||||
|
|
|
@ -436,16 +436,16 @@
|
|||
</button>
|
||||
</div>
|
||||
|
||||
<div id="newsletter-signup-form-feedback" class="gone">
|
||||
<div id="newsletter-signup-form-feedback-wait" class="centertext gone">
|
||||
<div id="newsletter-signup-form-feedback" class="form-feedback gone">
|
||||
<div id="newsletter-signup-form-feedback-wait" class="form-feedback-wait centertext gone">
|
||||
<span class="icon spinning ti ti-loader-2"></span>
|
||||
<span class="text"><?= $dict->get("news_newsletter_feedback_wait") ?></span>
|
||||
</div>
|
||||
<div id="newsletter-signup-form-feedback-success" class="centertext gone">
|
||||
<div id="newsletter-signup-form-feedback-success" class="form-feedback-success centertext gone">
|
||||
<span class="icon ti ti-check"></span>
|
||||
<span class="text"><?= $dict->get("news_newsletter_feedback_success") ?></span>
|
||||
</div>
|
||||
<div id="newsletter-signup-form-feedback-failure" class="centertext gone">
|
||||
<div id="newsletter-signup-form-feedback-failure" class="form-feedback-failure centertext gone">
|
||||
<span class="icon ti ti-x"></span>
|
||||
<span class="text"><?= $dict->get("news_newsletter_feedback_failure") ?></span>
|
||||
</div>
|
||||
|
|
|
@ -554,7 +554,7 @@ a.box:hover {
|
|||
min-width: 22rem;
|
||||
}
|
||||
|
||||
#newsletter-signup-form-feedback {
|
||||
.form-feedback {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
@ -567,7 +567,7 @@ a.box:hover {
|
|||
justify-content: center;
|
||||
}
|
||||
|
||||
#newsletter-signup-form-feedback .centertext {
|
||||
.form-feedback .centertext {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
|
@ -575,13 +575,13 @@ a.box:hover {
|
|||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
#newsletter-signup-form-feedback-wait {
|
||||
.form-feedback-wait {
|
||||
color: var(--color-blue);
|
||||
}
|
||||
#newsletter-signup-form-feedback-success {
|
||||
.form-feedback-success {
|
||||
color: var(--color-green);
|
||||
}
|
||||
#newsletter-signup-form-feedback-failure {
|
||||
.form-feedback-failure {
|
||||
color: var(--color-red);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue