feat(styles): redesigned tile lines [ci visual]

SAP · Sep 24, 2024 · 30974f4 · 30974f4
1 parent 0240c26
commit 30974f4
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/styles/src/tile.scss b/packages/styles/src/tile.scss
@@ -767,11 +767,12 @@ $fd-line-tile-badge-horizontal-spacing: 0.375rem !default;
     width: auto;
     padding-block: 0;
     padding-inline: $fd-line-tile-horizontal-padding;
-    box-shadow: #bcc3ca;
+    box-shadow: var(--sapContent_Shadow0);
     background: var(--sapTile_Background);
     border-radius: var(--sapTile_BorderCornerRadius);
     border: var(--sapTile_BorderColor);
     display: flex;
+    gap: 0.5rem;
 
     @include fd-hover() {
       box-shadow: var(--sapContentShadow2);
@@ -847,12 +848,11 @@ $fd-line-tile-badge-horizontal-spacing: 0.375rem !default;
         @include fd-set-height(1.375rem);
         @include fd-set-width(1.375rem);
 
-        position: absolute;
         padding-block: 0;
         padding-inline: 0.25rem;
         font-size: 0.75rem;
         border-radius: 50%;
-        background-color: var(--sapButton_Background);
+        background: var(--sapButton_Background);
         border: 1px solid var(--sapButton_BorderColor);
         display: flex;
         justify-content: center;