aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/css
diff options
context:
space:
mode:
authorWolfboy248 <georgejvindkarlsen@gmail.com>2024-10-29 11:45:00 +0100
committerWolfboy248 <georgejvindkarlsen@gmail.com>2024-10-29 11:45:00 +0100
commit4d842995f4067058b21729aab6139cd388c36353 (patch)
tree31fc780b4c1981a72f8dd67c6c116b051bee404d /frontend/src/css
parentrefactor: upload run dialog, useMessage update, added loader spinner (diff)
downloadlphub-4d842995f4067058b21729aab6139cd388c36353.tar.gz
lphub-4d842995f4067058b21729aab6139cd388c36353.tar.bz2
lphub-4d842995f4067058b21729aab6139cd388c36353.zip
refactor: loader dialog, uploadrundialog update, touchups
Diffstat (limited to 'frontend/src/css')
-rw-r--r--frontend/src/css/Dialog.css14
-rw-r--r--frontend/src/css/UploadRunDialog.css6
2 files changed, 18 insertions, 2 deletions
diff --git a/frontend/src/css/Dialog.css b/frontend/src/css/Dialog.css
index 47f070b..fc557d2 100644
--- a/frontend/src/css/Dialog.css
+++ b/frontend/src/css/Dialog.css
@@ -1,11 +1,21 @@
1.dimmer { 1.dimmer {
2 position: fixed; 2 position: fixed;
3 width: 100%; 3 /* WHAT A SCHTUPID ACTION */
4 width: 200%;
4 height: 100%; 5 height: 100%;
5 background-color: rgba(0, 0, 0, 0.5); 6 background-color: rgba(0, 0, 0, 0.5);
6 z-index: 4; 7 z-index: 4;
7} 8}
8 9
10.dialog-container {
11 position: absolute;
12 top: 0px;
13 left: -350px;
14 width: 100%;
15 height: 100%;
16 z-index: 10000;
17}
18
9.dialog { 19.dialog {
10 position: fixed; 20 position: fixed;
11 z-index: 4; 21 z-index: 4;
@@ -82,4 +92,4 @@
82 transform: translate(-50%, calc(-50%)); 92 transform: translate(-50%, calc(-50%));
83 opacity: 1; 93 opacity: 1;
84 } 94 }
85} \ No newline at end of file 95}
diff --git a/frontend/src/css/UploadRunDialog.css b/frontend/src/css/UploadRunDialog.css
index 737409e..f6e910b 100644
--- a/frontend/src/css/UploadRunDialog.css
+++ b/frontend/src/css/UploadRunDialog.css
@@ -74,6 +74,12 @@ div#upload-run{
74 display: none; 74 display: none;
75} 75}
76 76
77.upload-run-demo-name {
78 text-overflow: ellipsis;
79 overflow: hidden;
80 width: 380px;
81}
82
77@keyframes dropdown-in { 83@keyframes dropdown-in {
78 0% { 84 0% {
79 opacity: 0; 85 opacity: 0;