midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Fix: style of tabbedGroup-elements needed an 'important' to work in production

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-05-08 22:38:02 +02:00
parent 0689de25bc
commit 5a2e54b00a
1 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
UI/Base/TabbedGroup.svelte
View file

@ -111,8 +111,12 @@
} }
:global(.tab-selected) { :global(.tab-selected) {
background-color: var(--catch-detail-color); /**
color: var(--catch-detail-color-contrast); For some reason, the exported tailwind style takes priority in production (but not in development)
As the tabs are buttons, tailwind restyles them
*/
background-color: var(--catch-detail-color) !important;
color: var(--catch-detail-color-contrast) !important;
} }
:global(.tab-selected svg) { :global(.tab-selected svg) {
@ -120,7 +124,7 @@
} }
:global(.tab-unselected) { :global(.tab-unselected) {
background-color: rgb(255 255 255); background-color: var(--background-color) !important;
color: rgb(0 0 0); color: var(--foreground-color) !important;
} }
</style> </style>