style: reverts upload field to original, keeps underlying copy-paste functionality
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
)}
|
||||
|
||||
@@ -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}}"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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}}"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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}}"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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}}"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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}}"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -218,7 +218,6 @@
|
||||
"selectCollectionToBrowse": "閲覧するコレクションを選択",
|
||||
"selectFile": "ファイルを選択",
|
||||
"dragAndDrop": "ファイルをドラッグ アンド ドロップする",
|
||||
"copyAndPaste": "ファイルをコピーして貼り付ける",
|
||||
"sizes": "容量",
|
||||
"width": "横幅"
|
||||
},
|
||||
@@ -289,4 +288,4 @@
|
||||
"viewingVersions": "表示バージョン: {{entityLabel}} {{documentTitle}}",
|
||||
"viewingVersionsGlobal": "表示バージョン: グローバルな {{entityLabel}}"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -218,7 +218,6 @@
|
||||
"selectCollectionToBrowse": "စုစည်းမှု တစ်ခုခုကို ရွေးချယ်ပါ။",
|
||||
"selectFile": "ဖိုင်ရွေးပါ။",
|
||||
"dragAndDrop": "ဖိုင်တစ်ဖိုင်ကို ဆွဲချလိုက်ပါ။",
|
||||
"copyAndPaste": "ဖိုင်တစ်ခုကို ကော်ပီကူးထည့်ပါ။",
|
||||
"sizes": "အရွယ်အစားများ",
|
||||
"width": "အကျယ်"
|
||||
},
|
||||
@@ -289,4 +288,4 @@
|
||||
"viewingVersions": "{{entityLabel}} {{documentTitle}} အတွက် ဗားရှင်းများကို ကြည့်ရှုခြင်း",
|
||||
"viewingVersionsGlobal": "`ဂလိုဘယ်ဆိုင်ရာ {{entityLabel}} အတွက် ဗားရှင်းများကို ကြည့်ရှုနေသည်"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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}}"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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}}"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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}}"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -218,7 +218,6 @@
|
||||
"selectCollectionToBrowse": "Выберите Коллекцию для просмотра",
|
||||
"selectFile": "Выберите файл",
|
||||
"dragAndDrop": "Перетащите файл",
|
||||
"copyAndPaste": "Скопируйте и вставьте файл",
|
||||
"sizes": "Размеры",
|
||||
"width": "Ширина"
|
||||
},
|
||||
@@ -289,4 +288,4 @@
|
||||
"viewingVersions": "Просмотр версий для {{entityLabel}} {{documentTitle}}",
|
||||
"viewingVersionsGlobal": "`Просмотр версии для глобальной Коллекции {{entityLabel}}"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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}}"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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}}"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user