MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Use "filter: brightness" instead of "::before"

This commit is contained in:
Adria Navarro 2024-09-02 16:02:14 +02:00
parent d1c1e467a7
commit 156b70f9ef
1 changed files with 4 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/frontend-core/src/components/grid/cells/RelationshipCell.svelte
View File

@ -448,7 +448,8 @@
.badge { .badge {
flex: 0 0 auto; flex: 0 0 auto;
padding: 0 var(--cell-padding); padding: 0 var(--cell-padding);
position: relative; background: var(--color);
border-radius: var(--cell-padding);
user-select: none; user-select: none;
display: flex; display: flex;
align-items: center; align-items: center;
@ -456,18 +457,8 @@
height: 20px; height: 20px;
max-width: 100%; max-width: 100%;
} }
.badge::before { .values.wrap .badge:hover {
background: var(--color); filter: brightness(1.25);
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: var(--cell-padding);
}
.values.wrap .badge:hover::before {
opacity: 0.7;
} }
.values.wrap .badge.extra-info { .values.wrap .badge.extra-info {
cursor: pointer; cursor: pointer;