Merge pull request #7470 from masudul-tikweb/master

fix some invisible text color at plan tables

Author: renemadsen

eform-client/src/scss/components/_table.scss

@@ -41,16 +41,32 @@
   mtx-grid {
     .background-yellow {
       background-color: $background-yellow-color !important;
+      color: var(--text-header, #0F1316)!important;
+      span{
+        color: var(--text-header, #0F1316)!important;
+      }
     }
     .background-red-light {
       background-color: $background-red-light-color !important;
+      color: var(--text-header, #0F1316)!important;
+      span{
+        color: var(--text-header, #0F1316)!important;
+      }
     }
     .background-red-dark {
       background-color: $background-red-dark-color !important;
+      color: var(--text-header, #0F1316)!important;
+      span{
+        color: var(--text-header, #0F1316)!important;
+      }
     }
 
     .background-powder {
       background-color: $background-powder-color !important;
+      color: var(--text-header, #0F1316)!important;
+      span{
+        color: var(--text-header, #0F1316)!important;
+      }
     }
   }
 }

eform-client/src/scss/styles.scss

@@ -198,6 +198,9 @@ a {
   min-height: 100px;
   min-width: 250px !important;
   color: var(--text-header, #0F1316)!important;
+  .plan-text{
+    color: var(--text-header, #0F1316)!important;
+  }
 }
 
 .white-background {
@@ -223,6 +226,9 @@ a {
   min-height: 100px;
   min-width: 250px !important;
   color: var(--text-header, #0F1316)!important;
+  .plan-text{
+    color: var(--text-header, #0F1316)!important;
+  }
 }
 
 .green-background {
@@ -246,6 +252,10 @@ a {
   min-height: 100px;
   min-width: 250px !important;
   color: var(--text-header, #0F1316)!important;
+
+  .plan-text{
+    color: var(--text-header, #0F1316)!important;
+  }
 }
 
 .red-background {
@@ -269,6 +279,9 @@ a {
   min-height: 100px;
   min-width: 250px !important;
   color: #DB0D0D !important;
+  .plan-text{
+    color: var(--text-header, #0F1316)!important;
+  }
 }
 
 .device-icon {
@@ -1228,3 +1241,14 @@ div.mat-mdc-select-panel {
     }
   }
 }
+
+th.mat-table-sticky-right{
+  border-left: 1px solid var(--border, #EBEFF2)!important;
+  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05)!important;
+}
+
+td.mat-table-sticky-right{
+  border-left: 1px solid var(--border, #EBEFF2)!important;
+  background: var(--bg, #FFF)!important;
+  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05)!important;
+}