♻️ apply form styles from class 2

This commit is contained in:
DrMaxNix 2024-02-19 20:56:12 +01:00
parent b819111cbd
commit 423ac343fb
4 changed files with 17 additions and 17 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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);
}