@posiwise/core-styles 0.0.25 → 0.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@posiwise/core-styles",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/scss/_dynamic-styles.scss

@@ -163,9 +163,16 @@
 
         .primeng-datatable-container table thead tr th {
             background-color: var(--tabs_bg) !important;
-            opacity: 0.8;
+            position: relative;
             padding: 3px 10px;
         }
+        .primeng-datatable-container table thead tr th::after {
+            content: '';
+            position: absolute;
+            inset: 0;
+            background-color: rgba(255, 255, 255, 0.2);
+            pointer-events: none;
+        }
     }
 
     .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
@@ -724,3 +731,70 @@
 .expected-mrr {
     background-color: #d8e8f1 !important;
 }
+
+.month-quarter-text {
+    color: green;
+}
+
+.hopscotch-title {
+    text-align: center !important;
+    margin-bottom: 20px !important;
+}
+
+.hopscotch-title h2 {
+    margin: 0;
+}
+
+.hopscotch-content {
+    text-align: center;
+    padding: 20px;
+    margin: 0 !important;
+}
+
+.hopscotch-content img {
+    width: 150px;
+    margin: 20px 0;
+}
+
+.hopscotch-content p {
+    font-size: 16px;
+    color: #555;
+}
+
+.hopscotch-step-title {
+    text-align: left;
+    margin-bottom: 15px;
+}
+
+.hopscotch-step-content {
+    padding: 20px;
+    text-align: left !important;
+}
+
+.hopscotch-step-content p {
+    font-size: 14px;
+    color: #555;
+    margin-bottom: 10px;
+    text-align: left !important;
+}
+
+.left-field-tooltip {
+    right: -150px !important;
+}
+
+.left-info-circle .tooltiptext::after {
+    left: 45px !important;
+}
+
+.md-drppicker .btn {
+    background-color: var(--tabs_bg) !important;
+}
+
+.md-drppicker .ranges ul li button.active {
+    background-color: var(--tabs_bg) !important;
+}
+
+.md-drppicker td.active,
+.md-drppicker td.active:hover {
+    background-color: var(--tabs_bg) !important;
+}

package/scss/dashboard/_coming-soon.scss

@@ -4,7 +4,7 @@
 // ================================================================================================
 
 /* ========== Coming Soon Background Image ========= */
-.comingsoonVideo .app-content .coming-soon-content {
+.coming-soon-video .app-content .coming-soon-content {
     z-index: 99;
 }
 

package/scss/dashboard/_components.scss

@@ -74,7 +74,7 @@
     color: map-get($default, base) !important;
 }
 
-// Toastrs
+// Toast
 
 .toast-success {
     background-color: map-get($success, base) !important;

package/scss/dashboard/_email.scss

@@ -1,11 +1,11 @@
 // Variables
-$sideber-border: rgb(228 231 237);
-$sideber-width: 500px;
+$sidebar-border: rgb(228 231 237);
+$sidebar-width: 500px;
 
 .email-application {
     .email-app-sidebar {
         background: rgb(255 255 255);
-        border-right: 1px solid $sideber-border;
+        border-right: 1px solid $sidebar-border;
         height: calc(100vh - 150px);
         position: fixed;
         width: 250px;
@@ -57,11 +57,11 @@ $sideber-width: 500px;
 
     .email-app-menu {
         .mb-3-compose {
-            border-bottom: 1px solid $sideber-border;
+            border-bottom: 1px solid $sidebar-border;
         }
 
         .list-group-messages {
-            border-bottom: 1px solid $sideber-border;
+            border-bottom: 1px solid $sidebar-border;
 
             a {
                 font-size: 1.1rem;
@@ -118,7 +118,7 @@ $sideber-width: 500px;
 
         .email-app-options,
         .email-app-title {
-            border-bottom: 1px solid $sideber-border;
+            border-bottom: 1px solid $sidebar-border;
         }
     }
 
@@ -128,7 +128,7 @@ $sideber-width: 500px;
         z-index: 999;
 
         fieldset {
-            border-bottom: 1px solid $sideber-border;
+            border-bottom: 1px solid $sidebar-border;
         }
     }
 }