¨4.0.1¨

Modules/Admin/Resources/assets/sass/main.scss

@@ -1,21 +1,20 @@
-@import '~bootstrap/dist/css/bootstrap';
-@import '~font-awesome/css/font-awesome';
-@import '~nprogress/nprogress';
-@import '~datatables.net-bs/css/dataTables.bootstrap';
-@import '~flatpickr/dist/ie';
-@import './datatables';
-@import './selectize';
-@import './wysiwyg';
-@import './ohsnap';
-@import './flatpickr';
-@import './classes';
-@import './tab';
-@import './alert';
-@import './modal';
-@import './utilities';
-@import './accordion';
-@import './fleetcart';
-@import './panel';
+@import "bootstrap/dist/css/bootstrap";
+@import "font-awesome/css/font-awesome";
+@import "nprogress/nprogress";
+@import "flatpickr/dist/ie";
+@import "./datatables";
+@import "./selectize";
+@import "./toaster.scss";
+@import "./ohsnap";
+@import "./flatpickr";
+@import "./classes";
+@import "./tab";
+@import "./alert";
+@import "./modal";
+@import "./utilities";
+@import "./accordion";
+@import "./fleetcart";
+@import "./panel";
 
 html {
     direction: ltr;
@@ -26,11 +25,11 @@ html {
 
     > i {
         margin-right: 5px;
-   }
+    }
 }
 
 .overflow-hidden {
-	overflow: hidden;
+    overflow: hidden;
 }
 
 #nprogress {
@@ -49,13 +48,13 @@ html {
 }
 
 .sortable-ghost {
-	opacity: .2;
+    opacity: 0.8;
 }
 
 .btn-group.open .dropdown-toggle,
 .btn-group .dropdown-toggle:active {
-	-webkit-box-shadow: none;
-    		box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }
 
 .dot {
@@ -74,23 +73,33 @@ html {
 }
 
 .options {
+    &.table > {
+        thead > {
+            tr > {
+                th {
+                    padding: 6px 8px;
+                }
+            }
+        }
+    }
+
     tr td:first-child {
-        width: 34px;
-        min-width: 34px;
+        width: 35px;
+        min-width: 35px;
     }
 
     tr td:last-child {
         width: 60px;
     }
 
-    .drag-icon {
+    .drag-handle {
         font-size: 16px;
         color: #737881;
-        cursor: move;
         vertical-align: top;
-        margin-top: 12px;
+        margin-top: 11px;
         white-space: nowrap;
         display: inline-block;
+        cursor: move;
 
         i {
             float: left;
@@ -103,7 +112,11 @@ html {
 
     .choose-file,
     .delete-row {
-        padding: 10px 15px;
+        padding: 8px 14px;
+    }
+
+    .delete-row {
+        color: #4d4d4d;
     }
 }
 
@@ -115,7 +128,7 @@ html {
         margin-left: -1px;
         padding: 0;
         border: 1px solid #e9e9e9;
-        transition: 200ms ease-in-out;
+        transition: 150ms ease-in-out;
 
         &:hover {
             cursor: pointer;
@@ -159,7 +172,8 @@ html {
                 background: transparent;
             }
 
-            &:hover, &:focus {
+            &:hover,
+            &:focus {
                 color: #0068e1;
             }
         }
@@ -193,3 +207,7 @@ html {
 .empty {
     color: #626060;
 }
+
+[v-cloak] {
+    display: none;
+}