✨ Imports: built-in CSV viewer

1 files changed, 45 insertions, 9 deletions

diff --git a/scss/custom.scss b/scss/custom.scss
index 934d67937..c5ee6d060 100644
--- a/scss/custom.scss
+++ b/scss/custom.scss
@@ -123,6 +123,16 @@ input[type="file"].form-control{
 	border-collapse: separate;
 }
 
+.btn-outline-secondary.no-hover:hover {
+  color: inherit;
+  background-color: inherit;
+  border-color: inherit;
+}
+
+.btn.no-hover {
+    color: #212529;
+}
+
 .has-previous-value .form-control,
 .has-previous-value .btn,
 .has-previous-value .input-group-text{
@@ -289,6 +299,41 @@ pre {
     background-color: white;
 }
 
+.import-row-error,
+.table-striped tbody tr:nth-of-type(2n+1).import-row-error {
+    background-color: lighten(red, 40%);
+}
+
+
+#import-container {
+    overflow: scroll;
+}
+
+#import-list li {
+    white-space: nowrap;
+}
+
+ul.table-import-files > li  span.btn{
+    width: 6rem;
+}
+
+ul.table-import-diag > li  span.btn{
+    width: 10rem;
+}
+
+.table-scroll {
+    padding: 1em;
+
+    table {
+        display:block;
+        overflow-x : scroll;
+        overflow-y : scroll;
+    }
+    thead {
+        position: sticky;
+        top: -1px;
+    }
+}
 
 .tab-content{
     padding-top: 0;
@@ -672,15 +717,6 @@ div#validation-bar{
     color: darken(red, 20%);
 }
 
-.import-row-error,
-.table-striped tbody tr:nth-of-type(2n+1).import-row-error {
-    background-color: lighten(red, 40%);
-}
-
-#import-list li {
-white-space: nowrap;
-}
-
 /* context menu */
 #shortcut-menu {
     width: 700px;