fix: active color for editor buttons

This commit is contained in:
kolaente 2022-05-08 23:31:38 +02:00
parent 4b0d491359
commit f1c9887243
Signed by untrusted user: konrad
GPG Key ID: F40E70337AB24C9B

View File

@ -35,7 +35,8 @@
<a @click="toggleEdit">{{ $t('input.editor.edit') }}</a> <a @click="toggleEdit">{{ $t('input.editor.edit') }}</a>
</li> </li>
</ul> </ul>
<x-button v-else-if="isEditActive" @click="toggleEdit" variant="secondary" :shadow="false" v-cy="'saveEditor'"> <x-button v-else-if="isEditActive" @click="toggleEdit" variant="secondary" :shadow="false"
v-cy="'saveEditor'">
{{ $t('misc.save') }} {{ $t('misc.save') }}
</x-button> </x-button>
</template> </template>
@ -370,6 +371,10 @@ export default defineComponent({
button { button {
color: var(--grey-700); color: var(--grey-700);
&.active {
background: var(--grey-200);
}
svg { svg {
vertical-align: middle; vertical-align: middle;