@avakhula/ui 0.0.202 → 0.0.204

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@avakhula/ui",
3
- "version": "0.0.202",
3
+ "version": "0.0.204",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.umd.cjs",
6
6
  "source": "src/index.js",
@@ -1,6 +1,7 @@
1
1
  <template>
2
2
  <li>
3
3
  <div
4
+ v-tooltip="showTooltip ? option.title : ''"
4
5
  class="tree-select-option"
5
6
  :class="{
6
7
  'tree-select-option-checked': isChecked,
@@ -13,8 +14,6 @@
13
14
  tabindex="0"
14
15
  @keydown.self="onKeydown"
15
16
  >
16
- <ib-tooltip v-if="showTooltip" :text="option.title"></ib-tooltip>
17
-
18
17
  <ib-icon-button
19
18
  :disabled-focus="true"
20
19
  kind="ghost"
@@ -110,7 +109,7 @@ import Toggle from "../Form/Toggle/Toggle.vue";
110
109
  import List from "../List.vue";
111
110
  import IbIcon from "../Icon.vue";
112
111
  import IbIconButton from "../IconButton/IconButton.vue";
113
- import IbTooltip from "../Tooltip/Tooltip.vue";
112
+ import { TooltipDirective as Tooltip } from "../../directives/tooltip/tooltip";
114
113
  import multiLineOverflows from "../../helpers/multiLineOverflows";
115
114
  import {
116
115
  SPACE_KEY_CODE,
@@ -322,8 +321,8 @@ export default {
322
321
  IbIcon,
323
322
  List,
324
323
  IbIconButton,
325
- IbTooltip,
326
324
  },
325
+ directives: { Tooltip },
327
326
  };
328
327
  </script>
329
328
  <style lang="scss">
@@ -199,6 +199,10 @@ $option-checked-hover-bg: $blue-50;
199
199
  &.toggle-on {
200
200
  background-color: transparent;
201
201
  }
202
+
203
+ & + .option-label {
204
+ width: calc(100% - 65px);
205
+ }
202
206
  }
203
207
  }
204
208
  }