Commit d6c723df authored by nwindis's avatar nwindis 💊
Browse files

fix: dark mode contrast issues

affects the annotations panel only
parent 3d3e5624
Pipeline #235771 passed with stages
in 4 minutes and 47 seconds
......@@ -4,7 +4,7 @@
v-for="annotation in configuredAnnotations"
:id="'list' + annotation.strippedId"
:key="annotation.strippedId"
:class="{ 'bg-grey-4': !!activeAnnotation[annotation.targetId] }"
:class="$q.dark.isActive ? { 'bg-grey-9': !!activeAnnotation[annotation.targetId] } : { 'bg-grey-4': !!activeAnnotation[annotation.targetId] }"
class="q-pa-sm q-pl-xs q-mb-xs"
clickable
padding="xs"
......@@ -15,6 +15,7 @@
class="q-mr-none"
>
<q-icon
:color="$q.dark.isActive ? 'grey-1 text-grey-1' : 'accent'"
:name="getIcon(annotation.body['x-content-type'])"
size="16px"
/>
......
<template>
<div class="fab-container">
<q-fab
color="accent"
:color="$q.dark.isActive ? 'grey-1 text-grey-10' : 'accent'"
direction="up"
vertical-actions-align="right"
:active-icon="fasChevronDown"
:icon="fasCog"
>
<q-fab-action
color="accent"
:color="$q.dark.isActive ? 'grey-1 text-grey-10' : 'accent'"
:label="$t('annotationsHighlightAll')"
label-position="left"
:disable="selectedAll"
......@@ -16,7 +16,7 @@
@click="onHighlightAll"
/>
<q-fab-action
color="accent"
:color="$q.dark.isActive ? 'grey-1 text-grey-10' : 'accent'"
:label="$t('annotationsHighlightNone')"
label-position="left"
:disable="selectedNone"
......
......@@ -31,7 +31,7 @@
-->
<script id="tido-config" type="application/json">
{
"entrypoint": "",
"entrypoint": "https://subugoe.pages.gwdg.de/emo/backend/sampledata/collection.json",
"annotations": {
"show": true,
"types": [
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment