Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-30 07:12:36 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Calendar: Fix tag text not readable

Browse Source
This commit is contained in:
Kalle
2022-12-05 20:09:52 +02:00
parent 3cf9a2e445
commit ddbd73152b
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/routes/calendar/components/Tags.tsx
View File

@@ -27,7 +27,9 @@ export function Tags({
<React.Fragment key={tag}>
<li
style={{ backgroundColor: allTags[tag].color }}
className={clsx({ "calendar__event__badge-tag": tag === "BADGE" })}
className={clsx("calendar__event__tag", {
"calendar__event__badge-tag": tag === "BADGE",
})}
>
{t(`tag.name.${tag}`)}
{onDelete && (

5
app/styles/common.css
View File

@@ -579,7 +579,6 @@ dialog::backdrop {
max-width: var(--tags-max-width, 18rem);
flex-wrap: wrap;
padding: 0;
color: var(--black-text);
font-size: var(--fonts-xxs);
font-weight: var(--semi-bold);
gap: var(--s-1);
@@ -592,6 +591,10 @@ dialog::backdrop {
padding-inline: var(--s-1-5);
}
.calendar__event__tag {
color: var(--black-text);
}
.calendar__event__badge-tag {
color: var(--badge-text);
}

2
app/styles/vars.css
View File

@@ -33,7 +33,7 @@
--theme-very-transparent: #ffc6de36;
--theme-vibrant: hsl(255deg 78% 65%);
--theme-transparent: #ffc6de52;
--theme-secondary: rgb(239, 229, 83);
--theme-secondary: rgb(239 229 83);
--inactive-image-filter: grayscale(100%) brightness(130%);
--rounded: 16px;
--rounded-full: 200px;