fix(GenericItemCard): overlay background alpha (#2537)

ferferga · web-flow · commit 30ec240ea007 · 2024-12-18T22:47:42.000Z
diff --git a/frontend/src/components/Item/Card/GenericItemCard.vue b/frontend/src/components/Item/Card/GenericItemCard.vue
@@ -162,7 +162,7 @@ const hasClick = computed(() => !!attrs.onClick);
 
 @media (hover: hover) and (pointer: fine) {
   .card-box:hover .card-overlay-hover {
-    background: rgba(var(--j-color-background), 0.5);
+    background: rgb(var(--j-color-background), 0.5);
   }
   .card-box:hover .card-overlay-hover .card-overlay-hover-hidden {
     opacity: 1;
diff --git a/frontend/src/components/lib/JApp.vue b/frontend/src/components/lib/JApp.vue
@@ -10,7 +10,7 @@
       <template v-if="isLoading">
         cursor: wait;
       </template>
-      --j-color-background: rgb(var(--v-theme-background));
+      --j-color-background: var(--v-theme-background);
       --j-font-family: '{{ typography }}';
       }
     </component>

Original file line number	Diff line number	Diff line change
`@@ -162,7 +162,7 @@ const hasClick = computed(() => !!attrs.onClick);`
`162`	`162`
`163`	`163`	`@media (hover: hover) and (pointer: fine) {`
`164`	`164`	`.card-box:hover .card-overlay-hover {`
`165`		`- background: rgba(var(--j-color-background), 0.5);`
	`165`	`+ background: rgb(var(--j-color-background), 0.5);`
`166`	`166`	`}`
`167`	`167`	`.card-box:hover .card-overlay-hover .card-overlay-hover-hidden {`
`168`	`168`	`opacity: 1;`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`<template v-if="isLoading">`
`11`	`11`	`cursor: wait;`
`12`	`12`	`</template>`
`13`		`- --j-color-background: rgb(var(--v-theme-background));`
	`13`	`+ --j-color-background: var(--v-theme-background);`
`14`	`14`	`--j-font-family: '{{ typography }}';`
`15`	`15`	`}`
`16`	`16`	`</component>`