fixed popover/tooltip fragmentation

yuche · Mar 23, 2017 · 64623a1 · 64623a1
1 parent e471463
commit 64623a1
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 21 deletions.
diff --git a/src/Popover.vue b/src/Popover.vue
@@ -1,19 +1,19 @@
 <template>
   <span v-el:trigger>
     <slot></slot>
-  </span>
-  <div v-el:popover v-if="show"
-    :class="['popover',placement]"
-    :transition="effect"
-  >
-    <div class="arrow"></div>
-    <h3 class="popover-title" v-if="title">
-      <slot name="title">{{title}}</slot>
-    </h3>
-    <div class="popover-content">
-      <slot name="content">{{{content}}}</slot>
+    <div v-el:popover v-if="show"
+      :class="['popover',placement]"
+      :transition="effect"
+    >
+      <div class="arrow"></div>
+      <h3 class="popover-title" v-if="title">
+        <slot name="title">{{title}}</slot>
+      </h3>
+      <div class="popover-content">
+        <slot name="content">{{{content}}}</slot>
+      </div>
     </div>
-  </div>
+  </span>
 </template>
 
 <script>

diff --git a/src/Tooltip.vue b/src/Tooltip.vue
@@ -1,16 +1,16 @@
 <template>
   <span v-el:trigger>
     <slot></slot>
+    <div v-el:popover v-if="show" style="display:block;"
+      :class="['tooltip',placement]"
+      :transition="effect"
+    >
+      <div class="tooltip-arrow"></div>
+      <div class="tooltip-inner">
+        <slot name="content">{{{content}}}</slot>
+    </div>
+    </div>
   </span>
-  <div v-el:popover v-if="show" style="display:block;"
-    :class="['tooltip',placement]"
-    :transition="effect"
-  >
-    <div class="tooltip-arrow"></div>
-    <div class="tooltip-inner">
-      <slot name="content">{{{content}}}</slot>
-   </div>
-  </div>
 </template>
 
 <script>