fix too big hide button, fix weird 28px hack

This commit is contained in:
Shpuld Shpuldson 2020-11-24 21:35:14 +02:00
parent 04af772c1e
commit 1d178b7341
3 changed files with 7 additions and 4 deletions

View file

@ -44,7 +44,7 @@
</a> </a>
<button <button
v-if="nsfw && hideNsfwLocal && !hidden" v-if="nsfw && hideNsfwLocal && !hidden"
class="button-unstyled -padded hider" class="button-unstyled hider"
@click.prevent="toggleHidden" @click.prevent="toggleHidden"
> >
<FAIcon icon="times" /> <FAIcon icon="times" />
@ -233,7 +233,7 @@
position: absolute; position: absolute;
right: 0; right: 0;
margin: 10px; margin: 10px;
padding: 5px; padding: 0;
z-index: 4; z-index: 4;
border-radius: $fallback--tooltipRadius; border-radius: $fallback--tooltipRadius;
border-radius: var(--tooltipRadius, $fallback--tooltipRadius); border-radius: var(--tooltipRadius, $fallback--tooltipRadius);

View file

@ -5,7 +5,7 @@
> >
<button <button
ref="trigger" ref="trigger"
class="button-unstyled -fullwidth" class="button-unstyled -fullwidth popover-trigger-button"
@click="onClick" @click="onClick"
> >
<slot name="trigger" /> <slot name="trigger" />
@ -31,6 +31,10 @@
<style lang="scss"> <style lang="scss">
@import '../../_variables.scss'; @import '../../_variables.scss';
.popover-trigger-button {
display: block;
}
.popover { .popover {
z-index: 8; z-index: 8;
position: absolute; position: absolute;

View file

@ -84,7 +84,6 @@
margin-right: auto; margin-right: auto;
min-width: 0; min-width: 0;
width: 24rem; width: 24rem;
height: 28px;
.timeline-menu-popover-wrap { .timeline-menu-popover-wrap {
overflow: hidden; overflow: hidden;