diff --git a/elements/rh-tile/demo/without-footer-content.html b/elements/rh-tile/demo/without-footer-content.html new file mode 100644 index 0000000000..29cc58a3eb --- /dev/null +++ b/elements/rh-tile/demo/without-footer-content.html @@ -0,0 +1,33 @@ +
+ +

Link

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Atque tenetur quae omnis beatae, distinctio natus quo hic est iste tempora vitae nesciunt, minus totam itaque modi! Laborum obcaecati soluta sapiente? +
+ +

Link

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Atque tenetur quae omnis beatae, distinctio natus quo hic est iste tempora vitae nesciunt, minus totam itaque modi! Laborum obcaecati soluta sapiente? +
+ +

Link

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Atque tenetur quae omnis beatae, distinctio natus quo hic est iste tempora vitae nesciunt, minus totam itaque modi! Laborum obcaecati soluta sapiente? +
+ +

Link

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Atque tenetur quae omnis beatae, distinctio natus quo hic est iste tempora vitae nesciunt, minus totam itaque modi! Laborum obcaecati soluta sapiente? +
+
+ + + + + + diff --git a/elements/rh-tile/rh-tile.css b/elements/rh-tile/rh-tile.css index 59282ecaeb..e37656db87 100644 --- a/elements/rh-tile/rh-tile.css +++ b/elements/rh-tile/rh-tile.css @@ -224,6 +224,12 @@ justify-content: space-between; align-items: flex-end; margin-block-start: auto; + + &.empty { + position: absolute; + inset-block-end: var(--_padding); + inset-inline-end: var(--_padding); + } } #input-outer { diff --git a/elements/rh-tile/rh-tile.ts b/elements/rh-tile/rh-tile.ts index e6cc5017d3..2a9a42275e 100644 --- a/elements/rh-tile/rh-tile.ts +++ b/elements/rh-tile/rh-tile.ts @@ -231,7 +231,7 @@ export class RhTile extends LitElement { -