fix tooltip positioning

spartez · Jul 22, 2021 · 550cf7c · 550cf7c
1 parent 57d1fb8
commit 550cf7c
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/components/Dropdown/DropdownCheckboxItem.vue b/src/components/Dropdown/DropdownCheckboxItem.vue
@@ -64,10 +64,13 @@
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
- display: flex;
  height: 40px;
  }
 
+ .dropdown-checkbox-item.checkbox-wrapper {
+ display: flex;
+ }
+
  .dropdown-checkbox-item:hover {
  background-color: rgb(244, 245, 247);
  color: rgb(23, 43, 77);

diff --git a/src/components/Tooltip/Tooltip.vue b/src/components/Tooltip/Tooltip.vue
@@ -69,7 +69,9 @@
  this.show = false;
  },
  append() {
- document.body.appendChild(this.$refs.popper.$el);
+ if (this.$refs.popper) {
+ document.body.appendChild(this.$refs.popper.$el);
+ }
  }
  }
  };

diff --git a/src/components/Tooltip/TooltipContent.vue b/src/components/Tooltip/TooltipContent.vue
@@ -7,8 +7,7 @@
  :placement="placement"
  :offset="offset"
  :with-delay="withDelay">
- <span class="label"
- :disabled="disabled">
+ <span class="label">
  {{ label }}
  </span>
  </Popper>
@@ -67,6 +66,8 @@
  background-color: #172b4d;
  border-radius: 3px;
  color: #ffffff;
+ top: 0;
+ left: 0;
 }
 
 .fade-enter-active,