From b687d25e0d94992aca66d7e322643cda705db7c1 Mon Sep 17 00:00:00 2001 From: Ivan Ljubisavljevic Date: Thu, 28 Apr 2022 01:11:34 +0200 Subject: Sredjen upload csv-a #116 --- .../form-dataset/form-dataset.component.css | 40 ++++++++++++++++++---- 1 file changed, 33 insertions(+), 7 deletions(-) (limited to 'frontend/src/app/_elements/form-dataset/form-dataset.component.css') diff --git a/frontend/src/app/_elements/form-dataset/form-dataset.component.css b/frontend/src/app/_elements/form-dataset/form-dataset.component.css index 66be7f7d..56eb3cef 100644 --- a/frontend/src/app/_elements/form-dataset/form-dataset.component.css +++ b/frontend/src/app/_elements/form-dataset/form-dataset.component.css @@ -4,21 +4,47 @@ position: relative; } - .file-container{ + border: 4px solid transparent; + position: relative; margin-left: 3%; - margin-top: 3%; - margin-bottom: -50%; + margin-top: 3rem; width: 94%; - height: 500px; + min-height: 500px; +} +.fileButton{ + position: absolute; + margin-top: -3rem; + display: flex; + flex-direction: row; + align-items: center; +} +.fileButton label{ + margin-left: 10px; +} +.dottedClass +{ border: 4px dotted white; border-radius: 25px; } -.file-container .file { - opacity: 0; - padding: 5rem; + +.hidden{ + visibility: hidden; +} + +.file { + position: absolute; width: 100%; height: 100%; + opacity: 0; +} + +.file input{ + + border-radius: 4px; + margin-top: -15px; + width: 100%; + height: 100%; } .icon-display { -- cgit v1.2.3