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

package/dist/css/psui_styles.css

@@ -2431,6 +2431,7 @@ video {
             text-align: left;
             padding-top: 0;
             padding-bottom: 0;
+            min-width: 596px;
           }
 
 .psui-el-table-results.layout-flexible thead tr:first-of-type th > div {
@@ -2452,6 +2453,7 @@ video {
 
 .psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th:first-child {
               text-align: left;
+              min-width: 388px;
             }
 
 .psui-el-table-results.layout-flexible tbody tr {

package/package.json

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

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

@@ -385,6 +385,7 @@
               @apply psui-text-left;
               padding-top: 0;
               padding-bottom: 0;
+              min-width: 596px;
   
               > div {
                 @apply psui-flex psui-flex-row psui-border-b psui-border-gray-30;
@@ -405,6 +406,7 @@
             th {
               &:first-child {
                 @apply psui-text-left;
+                min-width: 388px;
               }
             }
           }

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

@@ -259,15 +259,27 @@
                   :value="item.data[column.key] == '--' ? 0 : item.data[column.key]"
                   :force-break-even="item.is_disabled || item.data[column.key] === '--' ? true : false"
                 />
-                <PsSwitch
-                  v-if="column.isSwitch && item.data[column.key] != null"
-                  :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)"
-                />
+                <PsRichTooltip
+                    v-if="column.isSwitch && item.data[column.key] != null"
+                    :ignoreDialog="!item.data.is_disabled"
+                    position="top"
+                    layout="blue"
+                  >
+                  <template v-slot:trigger>
+                    <PsSwitch
+                      :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)"
+                    />
+                  </template>
+                  <template v-slot:content>
+                    {{ item.tooltip_text }}
+                  </template>
+                </PsRichTooltip>
+                
               </div>
               
               <!-- only comparison layout -->