style: reverts upload field to original, keeps underlying copy-paste functionality

This commit is contained in:
Jarrod Flesch
2022-12-06 10:05:22 -05:00
parent 143362d45c
commit ff1b4b098c
16 changed files with 27 additions and 78 deletions

View File

@@ -10,6 +10,11 @@
bottom: calc(100% - #{base(.5)});
}
&__drag-label {
margin: 0;
text-transform: lowercase;
}
&__upload {
position: relative;
@@ -28,17 +33,13 @@
padding: base(2);
display: flex;
align-items: center;
flex-wrap: wrap;
}
&__drop-zone {
border: 1px dotted var(--theme-elevation-400);
justify-content: center;
.btn {
margin: base(.25) base(.5);
width: 150px;
margin: 0 $baseline 0 0;
}
}
@@ -61,39 +62,6 @@
}
}
&__or-other-options-container {
display: flex;
align-items: center;
margin: base(.25) base(.5);
p {
margin: 0;
}
}
&__or-text {
margin: 0;
font-size: 16px;
text-transform: uppercase;
}
&__other-options {
display: flex;
flex-direction: column;
margin-left: base(1);
align-items: center;
:first-child {
border-bottom: 1px solid;
}
:last-child {
border-top: 1px solid;
position: relative;
top: -1px;
}
}
@include mid-break {
&__drop-zone {
display: block;
@@ -105,9 +73,9 @@
max-width: 200px;
}
.file-field__or-other-options-container {
.file-field__drag-label {
display: none;
}
}
}
}
}

View File

@@ -184,13 +184,11 @@ const Upload: React.FC<Props> = (props) => {
>
{t('selectFile')}
</Button>
<div className={`${baseClass}__or-other-options-container`}>
<p className={`${baseClass}__or-text`}>{t('general:or')}</p>
<div className={`${baseClass}__other-options`}>
<p>{t('dragAndDrop')}</p>
<p>{t('copyAndPaste')}</p>
</div>
</div>
<p className={`${baseClass}__drag-label`}>
{t('general:or')}
{' '}
{t('dragAndDrop')}
</p>
</div>
</React.Fragment>
)}

View File

@@ -218,7 +218,6 @@
"selectCollectionToBrowse": "Wähle eine Sammlung zum Durchsuchen aus",
"selectFile": "Datei auswählen",
"dragAndDrop": "Ziehen Sie eine Datei per Drag-and-Drop",
"copyAndPaste": "Kopieren Sie eine Datei und fügen Sie sie ein",
"sizes": "Größen",
"width": "Breite"
},
@@ -289,4 +288,4 @@
"viewingVersions": "Betrachte Versionen für {{entityLabel}} {{documentTitle}}",
"viewingVersionsGlobal": "`Betrachte Versionen für das Globale Dokument {{entityLabel}}"
}
}
}

View File

@@ -219,7 +219,6 @@
"selectCollectionToBrowse": "Select a Collection to Browse",
"selectFile": "Select a file",
"dragAndDrop": "Drag and drop a file",
"copyAndPaste": "Copy and paste a file",
"sizes": "Sizes",
"width": "Width"
},
@@ -292,4 +291,4 @@
"viewingVersions": "Viewing versions for the {{entityLabel}} {{documentTitle}}",
"viewingVersionsGlobal": "Viewing versions for the global {{entityLabel}}"
}
}
}

View File

@@ -218,7 +218,6 @@
"selectCollectionToBrowse": "Selecciona una Colección",
"selectFile": "Selecciona un archivo",
"dragAndDrop": "Arrastra y suelta un archivo",
"copyAndPaste": "Copiar y pegar un archivo",
"sizes": "Sizes",
"width": "Width"
},
@@ -289,4 +288,4 @@
"viewingVersions": "Viendo versiones para {{entityLabel}} {{documentTitle}}",
"viewingVersionsGlobal": "`Viendo versiones para el global {{entityLabel}}"
}
}
}

View File

@@ -219,7 +219,6 @@
"selectCollectionToBrowse": "Sélectionnez une collection à parcourir",
"selectFile": "Sélectionnez un fichier",
"dragAndDrop": "Glisser-déposer un fichier",
"copyAndPaste": "Copier et coller un fichier",
"sizes": "Tailles",
"width": "Largeur"
},
@@ -290,4 +289,4 @@
"viewingVersions": "Affichage des versions de ou du {{entityLabel}} {{documentTitle}}",
"viewingVersionsGlobal": "Affichage des versions globales de ou du {{entityLabel}}"
}
}
}

View File

@@ -219,7 +219,6 @@
"selectCollectionToBrowse": "Seleziona una Collezione da Sfogliare",
"selectFile": "Seleziona un file",
"dragAndDrop": "Trascina e rilascia un file",
"copyAndPaste": "Copia e incolla un file",
"sizes": "Formati",
"width": "Larghezza"
},
@@ -292,4 +291,4 @@
"viewingVersions": "Visualizzazione delle versioni per {{entityLabel}} {{documentTitle}}",
"viewingVersionsGlobal": "`Visualizzazione delle versioni per {{entityLabel}}"
}
}
}

View File

@@ -218,7 +218,6 @@
"selectCollectionToBrowse": "閲覧するコレクションを選択",
"selectFile": "ファイルを選択",
"dragAndDrop": "ファイルをドラッグ アンド ドロップする",
"copyAndPaste": "ファイルをコピーして貼り付ける",
"sizes": "容量",
"width": "横幅"
},
@@ -289,4 +288,4 @@
"viewingVersions": "表示バージョン: {{entityLabel}} {{documentTitle}}",
"viewingVersionsGlobal": "表示バージョン: グローバルな {{entityLabel}}"
}
}
}

View File

@@ -218,7 +218,6 @@
"selectCollectionToBrowse": "စုစည်းမှု တစ်ခုခုကို ရွေးချယ်ပါ။",
"selectFile": "ဖိုင်ရွေးပါ။",
"dragAndDrop": "ဖိုင်တစ်ဖိုင်ကို ဆွဲချလိုက်ပါ။",
"copyAndPaste": "ဖိုင်တစ်ခုကို ကော်ပီကူးထည့်ပါ။",
"sizes": "အရွယ်အစားများ",
"width": "အကျယ်"
},
@@ -289,4 +288,4 @@
"viewingVersions": "{{entityLabel}} {{documentTitle}} အတွက် ဗားရှင်းများကို ကြည့်ရှုခြင်း",
"viewingVersionsGlobal": "`ဂလိုဘယ်ဆိုင်ရာ {{entityLabel}} အတွက် ဗားရှင်းများကို ကြည့်ရှုနေသည်"
}
}
}

View File

@@ -219,7 +219,6 @@
"selectCollectionToBrowse": "Selecteer een collectie om door te bladeren",
"selectFile": "Selecteer een bestand",
"dragAndDrop": "Sleep een bestand",
"copyAndPaste": "Kopieer en plak een bestand",
"sizes": "Groottes",
"width": "Breedte"
},
@@ -290,4 +289,4 @@
"viewingVersions": "Bekijk versies voor {{entityLabel}} {{documentTitle}}",
"viewingVersionsGlobal": "`Bekijk versies voor global {{entityLabel}}"
}
}
}

View File

@@ -218,7 +218,6 @@
"selectCollectionToBrowse": "Wybierz kolekcję aby przejrzeć",
"selectFile": "Wybierz plik",
"dragAndDrop": "Przeciągnij i upuść plik",
"copyAndPaste": "Skopiuj i wklej plik",
"sizes": "Rozmiary",
"width": "Szerokość"
},
@@ -289,4 +288,4 @@
"viewingVersions": "Przeglądanie wersji {{entityLabel}} {{documentTitle}}",
"viewingVersionsGlobal": "Przeglądanie wersji dla globalnej kolekcji {{entityLabel}}"
}
}
}

View File

@@ -218,7 +218,6 @@
"selectCollectionToBrowse": "Selecione uma Coleção para Navegar",
"selectFile": "Selecione um arquivo",
"dragAndDrop": "Arraste e solte um arquivo",
"copyAndPaste": "Copie e cole um arquivo",
"sizes": "Tamanhos",
"width": "Largura"
},
@@ -289,4 +288,4 @@
"viewingVersions": "Visualizando versões para o/a {{entityLabel}} {{documentTitle}}",
"viewingVersionsGlobal": "`Visualizando versões para o global {{entityLabel}}"
}
}
}

View File

@@ -218,7 +218,6 @@
"selectCollectionToBrowse": "Выберите Коллекцию для просмотра",
"selectFile": "Выберите файл",
"dragAndDrop": "Перетащите файл",
"copyAndPaste": "Скопируйте и вставьте файл",
"sizes": "Размеры",
"width": "Ширина"
},
@@ -289,4 +288,4 @@
"viewingVersions": "Просмотр версий для {{entityLabel}} {{documentTitle}}",
"viewingVersionsGlobal": "`Просмотр версии для глобальной Коллекции {{entityLabel}}"
}
}
}

View File

@@ -219,7 +219,6 @@
"selectCollectionToBrowse": "Välj en Samling att Bläddra i",
"selectFile": "Välj en fil",
"dragAndDrop": "Dra och släpp en fil",
"copyAndPaste": "Kopiera och klistra in en fil",
"sizes": "Storlekar",
"width": "Bredd"
},
@@ -290,4 +289,4 @@
"viewingVersions": "Visar versioner för {{entityLabel}} {{documentTitle}}",
"viewingVersionsGlobal": "Visa versioner för den globala {{entityLabel}}"
}
}
}

View File

@@ -869,9 +869,6 @@
"dragAndDrop": {
"type": "string"
},
"copyAndPaste": {
"type": "string"
},
"sizes": {
"type": "string"
},
@@ -889,7 +886,6 @@
"selectCollectionToBrowse",
"selectFile",
"dragAndDrop",
"copyAndPaste",
"sizes",
"width"
]
@@ -1180,4 +1176,4 @@
"validation",
"version"
]
}
}

View File

@@ -219,7 +219,6 @@
"selectCollectionToBrowse": "Chọn một Collection để tìm",
"selectFile": "Chọn một file",
"dragAndDrop": "Kéo và thả một tập tin",
"copyAndPaste": "Sao chép và dán một tập tin",
"sizes": "Các độ phân giải",
"width": "Chiều rộng"
},
@@ -290,4 +289,4 @@
"viewingVersions": "Xem những phiên bản của {{entityLabel}} {{documentTitle}}",
"viewingVersionsGlobal": "`Xem những phiên bản toàn thể (global) của {{entityLabel}}"
}
}
}