From 9834b9b916af8f4c14f9ae1d700b915a7a87f7c4 Mon Sep 17 00:00:00 2001 From: Mathis Hofer Date: Mon, 16 Dec 2024 11:53:26 +0100 Subject: [PATCH] Switch presence control grid from breakpoints to CSS grid --- .../presence-control-list.component.scss | 16 ++++++---------- 1 file changed, 6 insertions(+), 10 deletions(-) diff --git a/src/app/presence-control/components/presence-control-list/presence-control-list.component.scss b/src/app/presence-control/components/presence-control-list/presence-control-list.component.scss index f526b99c0..34a9a1b8b 100644 --- a/src/app/presence-control/components/presence-control-list/presence-control-list.component.scss +++ b/src/app/presence-control/components/presence-control-list/presence-control-list.component.scss @@ -10,18 +10,14 @@ bkd-presence-control-entry { * Grid view mode (default layout is list view mode) */ .entries.view-mode-grid { - display: flex; - flex-wrap: wrap; + display: grid; + grid-template-columns: repeat( + auto-fill, + minmax($bkd-presence-control-entry-min-width, 1fr) + ); > * { - width: 100%; - - @for $i from 1 through 6 { - @media (min-width: $bkd-presence-control-entry-min-width * $i) { - width: percentage(math.div(1, $i)); - border-right: 1px solid $border-color; - } - } + border-right: 1px solid $border-color; } }