fix: Misaligned checkmark background on tile with illustration

gsoft-inc · Aug 28, 2023 · 04c5dc5 · 04c5dc5
1 parent 8f53941
commit 04c5dc5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 18 deletions.
diff --git a/.changeset/selfish-cooks-cross.md b/.changeset/selfish-cooks-cross.md
@@ -0,0 +1,5 @@
+---
+"@orbit-ui/components": patch
+---
+
+Fix misaligned checkmark background when a tile has an illustration.
diff --git a/packages/components/src/tile/src/Tile.css b/packages/components/src/tile/src/Tile.css
@@ -96,28 +96,10 @@
     top: 0.5rem;
     fill: var(--o-ui-bg-alias-accent-faint);
     opacity: 0;
-}
-
-.o-ui-tile-main::before {
-    content: "";
-    opacity: 0;
-    position: absolute;
-    right: 0.5rem;
-    top: 0.5rem;
     border-radius: var(--o-ui-br-4);
-    width: var(--o-ui-sz-3);
-    height: var(--o-ui-sz-3);
-    display: flex;
-    align-items: center;
-    justify-content: center;
     background-color: var(--o-ui-text-alias-accent);
 }
 
-.o-ui-tile[aria-checked="true"] .o-ui-tile-main::before,
-.o-ui-tile[aria-pressed="true"] .o-ui-tile-main::before {
-    opacity: 1;
-}
-
 .o-ui-tile[aria-checked="true"] .o-ui-tile-checkmark,
 .o-ui-tile[aria-pressed="true"] .o-ui-tile-checkmark {
     opacity: 1;