diff options
| author | Shpuld Shpuldson <shp@cock.li> | 2020-11-24 21:35:14 +0200 |
|---|---|---|
| committer | Shpuld Shpuldson <shp@cock.li> | 2020-11-24 21:35:14 +0200 |
| commit | 1d178b7341d9848b64d5f2eb27338ac26f046a2a (patch) | |
| tree | c892c5cfdd3e69434e376dfe73ec7452f794e6c7 | |
| parent | 04af772c1e8851bb8e4ce9b46e8146c0755309ed (diff) | |
fix too big hide button, fix weird 28px hack
| -rw-r--r-- | src/components/attachment/attachment.vue | 4 | ||||
| -rw-r--r-- | src/components/popover/popover.vue | 6 | ||||
| -rw-r--r-- | src/components/timeline_menu/timeline_menu.vue | 1 |
3 files changed, 7 insertions, 4 deletions
diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index b072b170..2c1c1682 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -44,7 +44,7 @@ </a> <button v-if="nsfw && hideNsfwLocal && !hidden" - class="button-unstyled -padded hider" + class="button-unstyled hider" @click.prevent="toggleHidden" > <FAIcon icon="times" /> @@ -233,7 +233,7 @@ position: absolute; right: 0; margin: 10px; - padding: 5px; + padding: 0; z-index: 4; border-radius: $fallback--tooltipRadius; border-radius: var(--tooltipRadius, $fallback--tooltipRadius); diff --git a/src/components/popover/popover.vue b/src/components/popover/popover.vue index 3868ec96..020eab05 100644 --- a/src/components/popover/popover.vue +++ b/src/components/popover/popover.vue @@ -5,7 +5,7 @@ > <button ref="trigger" - class="button-unstyled -fullwidth" + class="button-unstyled -fullwidth popover-trigger-button" @click="onClick" > <slot name="trigger" /> @@ -31,6 +31,10 @@ <style lang="scss"> @import '../../_variables.scss'; +.popover-trigger-button { + display: block; +} + .popover { z-index: 8; position: absolute; diff --git a/src/components/timeline_menu/timeline_menu.vue b/src/components/timeline_menu/timeline_menu.vue index f8f79be9..c46531be 100644 --- a/src/components/timeline_menu/timeline_menu.vue +++ b/src/components/timeline_menu/timeline_menu.vue @@ -84,7 +84,6 @@ margin-right: auto; min-width: 0; width: 24rem; - height: 28px; .timeline-menu-popover-wrap { overflow: hidden; |