From 0c1c5496311570dcdd968eb9ee8e8f48a8873f52 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Thu, 4 Jun 2020 20:46:21 +0300
Subject: [PATCH] Fix tooltip width to remove its clipping
---
src/views/emojiPacks/index.vue | 7 ++++++-
1 file changed, 6 insertions(+), 1 deletion(-)
diff --git a/src/views/emojiPacks/index.vue b/src/views/emojiPacks/index.vue
index 20bfe6ce..52568b01 100644
--- a/src/views/emojiPacks/index.vue
+++ b/src/views/emojiPacks/index.vue
@@ -7,7 +7,7 @@
<div class="emoji-header-container">
<div class="emoji-packs-header-button-container">
<el-button type="primary" class="reload-emoji-button" @click="reloadEmoji">{{ $t('emoji.reloadEmoji') }}</el-button>
- <el-tooltip :content="$t('emoji.importEmojiTooltip')" effects="dark" placement="bottom" class="import-pack-button">
+ <el-tooltip :content="$t('emoji.importEmojiTooltip')" effects="dark" placement="bottom" popper-class="import-pack-button">
<el-button type="primary" @click="importFromFS">
{{ $t('emoji.importPacks') }}
</el-button>
@@ -191,6 +191,8 @@ export default {
}
.import-pack-button {
margin-left: 10px;
+ width: 30%;
+ max-width: 700px;
}
h1 {
margin: 0;
@@ -255,6 +257,9 @@ h1 {
width: fit-content;
}
}
+ .import-pack-button {
+ width: 90%;
+ }
.reload-emoji-button {
width: fit-content;
}
--
GitLab