fix some things for #11, mainly transitions and headings

ModischFabrications · Apr 14, 2020 · e3eb20b · e3eb20b
1 parent fe225bc
commit e3eb20b
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/src/components/SolverInput.vue b/src/components/SolverInput.vue
@@ -64,8 +64,8 @@
             small
             sort-by="quantity"
             sort-desc
-            tbody-tr-class="excel_row"
-            thead-tr-class="header"
+            tbody-tr-class="table_row"
+            thead-tr-class="table_headings"
         >
             <template v-slot:head(delete)>
                 <b-button
@@ -207,21 +207,22 @@
     .solver_input {
         padding: 16px;
     }
+</style>
 
-    .header thead tr th thead text {
-        /* TODO: set size so that it actually works */
-        font-size: larger !important;
-        background: red;
+<style>
+    .table_headings th {
+        font-size: larger;
+        vertical-align: middle !important;
     }
 
-    .excel_row td input {
+    .table_row td input {
         background-color: #0000;
         border: none;
         border-radius: 0;
     }
 
     table#table-input .flip-list-move {
         /* TODO fix transition: https://bootstrap-vue.js.org/docs/components/table/#table-body-transition-support */
-        transition: transform 1s;
+        transition: transform 0.5s;
     }
 </style>