fix double pushbuttons in the draft buttons
This commit is contained in:
parent
039b6c61a2
commit
b79f297692
|
@ -45,6 +45,9 @@ const Popover = {
|
|||
// Lets hover popover stay when clicking inside of it
|
||||
stayOnClick: Boolean,
|
||||
|
||||
// Use styled button (to avoid nested buttons)
|
||||
normalButton: Boolean,
|
||||
|
||||
triggerAttrs: {
|
||||
type: Object,
|
||||
default: {}
|
||||
|
|
|
@ -5,7 +5,8 @@
|
|||
>
|
||||
<button
|
||||
ref="trigger"
|
||||
class="button-unstyled popover-trigger-button"
|
||||
class="popover-trigger-button"
|
||||
:class="normalButton ? 'button-default btn' : 'button-unstyled'"
|
||||
type="button"
|
||||
v-bind="triggerAttrs"
|
||||
@click="onClick"
|
||||
|
|
|
@ -7,18 +7,12 @@
|
|||
<Popover
|
||||
v-if="$parent.isDirty"
|
||||
trigger="hover"
|
||||
normal-button
|
||||
@click="$parent.commitDraft"
|
||||
:trigger-attrs="{ 'aria-label': $t('settings.commit_value_tooltip') }"
|
||||
>
|
||||
<template #trigger>
|
||||
|
||||
<button
|
||||
class="button button-default btn"
|
||||
type="button"
|
||||
:title="$t('settings.commit_value')"
|
||||
@click="$parent.commitDraft"
|
||||
>
|
||||
{{ $t('settings.commit_value') }}
|
||||
</button>
|
||||
{{ $t('settings.commit_value') }}
|
||||
</template>
|
||||
<template #content>
|
||||
<div class="modified-tooltip">
|
||||
|
@ -29,18 +23,12 @@
|
|||
<Popover
|
||||
v-if="$parent.isDirty"
|
||||
trigger="hover"
|
||||
normal-button
|
||||
:trigger-attrs="{ 'aria-label': $t('settings.reset_value_tooltip') }"
|
||||
@click="$parent.reset"
|
||||
>
|
||||
<template #trigger>
|
||||
|
||||
<button
|
||||
class="button button-default btn"
|
||||
type="button"
|
||||
:title="$t('settings.reset_value')"
|
||||
@click="$parent.reset"
|
||||
>
|
||||
{{ $t('settings.reset_value') }}
|
||||
</button>
|
||||
{{ $t('settings.reset_value') }}
|
||||
</template>
|
||||
<template #content>
|
||||
<div class="modified-tooltip">
|
||||
|
@ -51,18 +39,12 @@
|
|||
<Popover
|
||||
v-if="$parent.canHardReset"
|
||||
trigger="hover"
|
||||
normal-button
|
||||
@click="$parent.hardReset"
|
||||
:trigger-attrs="{ 'aria-label': $t('settings.hard_reset_value_tooltip') }"
|
||||
>
|
||||
<template #trigger>
|
||||
|
||||
<button
|
||||
class="button button-default btn"
|
||||
type="button"
|
||||
:title="$t('settings.hard_reset_value')"
|
||||
@click="$parent.hardReset"
|
||||
>
|
||||
{{ $t('settings.hard_reset_value') }}
|
||||
</button>
|
||||
{{ $t('settings.hard_reset_value') }}
|
||||
</template>
|
||||
<template #content>
|
||||
<div class="modified-tooltip">
|
||||
|
@ -92,6 +74,10 @@ export default {
|
|||
.DraftButtons {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
|
||||
.button-default {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.draft-tooltip {
|
||||
|
|
Loading…
Reference in New Issue