style: align file upload controls
This commit is contained in:
1 parent
4e5d1e32e8
commit
5b2c75deb4
4 files changed
+32
-27
No files matched your search
@@ -11,13 +11,9 @@
|
||||
<section id="pattern-file-upload">
|
||||
<p class="sg-preview-label">Pattern: Datei-Upload</p>
|
||||
<form class="sg-file-upload" data-pattern="file-upload" action="#" method="post">
|
||||
<div>
|
||||
<label class="sg-label" for="file-upload-input">Dokumente hochladen</label>
|
||||
<p class="sg-body sg-file-upload__description" id="file-upload-help">Mehrere Dateien auswählen. Erlaubte Formate: PDF, DOCX. Maximale Dateigröße: 10 MB pro Datei.</p>
|
||||
</div>
|
||||
<div class="sg-file-upload__dropzone" data-drag-over="false">
|
||||
<input class="sg-file-input__control" id="file-upload-input" name="documents" type="file" multiple aria-describedby="file-upload-help file-upload-status">
|
||||
<p class="sg-body sg-file-upload__prompt">Dateien hierher ziehen oder</p>
|
||||
<div class="sg-file-upload__dropzone sg-labeled-input-row" data-drag-over="false">
|
||||
<label class="sg-label" for="file-upload-input">Datei auswählen</label>
|
||||
<input class="sg-file-input__control" id="file-upload-input" name="documents" type="file" multiple aria-describedby="file-upload-status">
|
||||
<button class="sg-interaction-element sg-button sg-button--active sg-file-upload__trigger" type="button">Dateien auswählen</button>
|
||||
</div>
|
||||
<p class="sg-body sg-file-upload__status" id="file-upload-status" aria-live="polite">Noch keine Dateien ausgewählt.</p>
|
||||
|
||||
Reference in new issue
Block a user