gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align register form to template structure

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-10 17:16:58 +02:00
parent ffd7c57318
commit e9ee02eecf
2 changed files with 37 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/vsf-register-step-1.html
+35 -33
View File
@@ -49,43 +49,45 @@
<div class="sg-card-segment sg-card-segment--body sg-object-card__content" data-pattern-part="object-card-content"> <div class="sg-card-segment sg-card-segment--body sg-object-card__content" data-pattern-part="object-card-content">
<p class="sg-body">Teste ValueStockFinder 7 Tage kostenlos und unverbindlich. Erhalte direkten Zugriff auf fundierte Aktienanalysen, klare Bewertungen und übersichtliche Entscheidungshilfen – ohne Verpflichtung.</p> <p class="sg-body">Teste ValueStockFinder 7 Tage kostenlos und unverbindlich. Erhalte direkten Zugriff auf fundierte Aktienanalysen, klare Bewertungen und übersichtliche Entscheidungshilfen – ohne Verpflichtung.</p>
</div> </div>
<footer class="sg-card-segment sg-card-segment--gray sg-form-sections-card__actions-segment" aria-label="Registrierungsformular"> <footer class="sg-card-segment sg-card-segment--gray sg-vsf-register-step-1__form-segment" aria-label="Registrierungsformular">
<form class="sg-form-sections-card" action="#" method="post"> <div class="sg-form-sections-card-wrapper" data-pattern="form-sections" aria-label="Formular mit Abschnitten">
<div class="sg-form-sections-card__body" data-pattern-part="form-body"> <form class="sg-form-sections-card" action="#" method="post">
<h2 class="sg-strong sg-form-sections-card__title">Formular</h2> <div class="sg-form-sections-card__body" data-pattern-part="form-body">
<h2 class="sg-strong sg-form-sections-card__title">Formular</h2>
<div class="sg-form-sections-card__field-group"> <div class="sg-form-sections-card__field-group">
<label class="sg-labeled-input-row"> <label class="sg-labeled-input-row">
<span class="sg-label">E-Mail</span> <span class="sg-label">E-Mail</span>
<input <input
class="sg-interaction-element sg-input-single-line sg-input-single-line--inactive-selectable sg-form-inactive-selectable" class="sg-interaction-element sg-input-single-line sg-input-single-line--inactive-selectable sg-form-inactive-selectable"
type="email" type="email"
placeholder="E-Mail eingeben" placeholder="E-Mail eingeben"
aria-label="E-Mail" aria-label="E-Mail"
autocomplete="email" autocomplete="email"
> >
</label> </label>
<label class="sg-labeled-input-row"> <label class="sg-labeled-input-row">
<span class="sg-label">Passwort</span> <span class="sg-label">Passwort</span>
<input <input
class="sg-interaction-element sg-input-single-line sg-input-single-line--inactive-selectable sg-form-inactive-selectable" class="sg-interaction-element sg-input-single-line sg-input-single-line--inactive-selectable sg-form-inactive-selectable"
type="password" type="password"
placeholder="Passwort eingeben" placeholder="Passwort eingeben"
aria-label="Passwort" aria-label="Passwort"
autocomplete="new-password" autocomplete="new-password"
> >
</label> </label>
</div>
</div> </div>
</div>
<footer class="sg-form-sections-card__actions-segment" data-pattern-part="form-actions-segment"> <footer class="sg-form-sections-card__actions-segment" data-pattern-part="form-actions-segment">
<div class="sg-form-sections-card__actions" data-pattern-part="form-actions"> <div class="sg-form-sections-card__actions" data-pattern-part="form-actions">
<button class="sg-interaction-element sg-button sg-button--active sg-form-sections-card__action" type="button">Abbrechen</button> <button class="sg-interaction-element sg-button sg-button--active sg-form-sections-card__action" type="button">Abbrechen</button>
<button class="sg-interaction-element sg-button sg-button--process sg-button--process-inactive sg-form-sections-card__action" type="submit" disabled aria-disabled="true">Registrieren</button> <button class="sg-interaction-element sg-button sg-button--process sg-button--process-inactive sg-form-sections-card__action" type="submit" disabled aria-disabled="true">Registrieren</button>
</div> </div>
</footer> </footer>
</form> </form>
</div>
</footer> </footer>
</article> </article>
</main> </main>
styles/35-layouts-vsf-register-step-1.css
+2 -2
View File
@@ -21,6 +21,6 @@
margin: 0 auto; margin: 0 auto;
} }
.sg-vsf-register-step-1 .sg-form-sections-card__actions-segment { .sg-vsf-register-step-1__form-segment {
margin-top: var(--spacing-large); padding: 0;
} }