@policystudio/policy-studio-ui-vue 1.1.54 → 1.1.59

package/dist/css/psui_styles.css

@@ -2591,6 +2591,19 @@ video {
           background-color: rgba(243, 246, 249, var(--bg-opacity));
         }
 
+.psui-el-table-results.layout-flexible tbody tr.is-active td {
+            padding-top: 9px;
+            padding-bottom: 9px;
+          }
+
+.psui-el-table-results.layout-flexible tbody tr.is-active td .title {
+              font-size: 14px;
+              line-height: 130%;
+              --text-opacity: 1;
+              color: #798490;
+              color: rgba(121, 132, 144, var(--text-opacity));
+            }
+
 .psui-el-table-results.layout-flexible tbody tr.is-active td:first-child {
             --bg-opacity: 1;
             background-color: #F3F6F9;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.54",
+  "version": "1.1.59",
   "description": "Policy Studio UI",
   "main": "src/index.js",
   "author": "Policy Studio Team",

package/src/assets/scss/components/PsTableResults.scss

@@ -520,6 +520,15 @@
 
           &.is-active {
             @apply psui-bg-gray-10;
+            
+            td {
+              padding-top: 9px;
+              padding-bottom: 9px;
+              
+              .title {
+                @apply psui-text-small psui-text-gray-50;
+              }
+            }
 
             td:first-child {
               @apply psui-bg-gray-10;

package/src/components/table-results/PsTableResults.vue

@@ -229,7 +229,7 @@
                     Show projections in the chart
                   </template>
                 </PsTooltip>
-                <p v-if="!column.isSwitch">
+                <p class="ps-table-cell-value" v-if="!column.isSwitch">
                   <template v-if="column.hasScoreHelper">
                     <PsTooltip 
                       layout="blue"
@@ -264,6 +264,7 @@
                   :disabled="item.data.is_disabled"
                   :value="item.data[column.key]"
                   :background-color="switchButtonBackgroundColor"
+                  :class="{'psui-pointer-events-none':preventClickOnSwitchButtons}"
                   size="small"
                   @change="$emit('switchButtonItemChanged', item)"
                 />
@@ -440,6 +441,10 @@ export default {
     preventIsDisabledOnItemsValue:{
       type: Boolean,
       default: false
+    },
+    preventClickOnSwitchButtons:{
+      type: Boolean,
+      default: false
     }
   },
   data: () => ({