From 31146a0c296b512d77ff2c3d32c9619760eec7b0 Mon Sep 17 00:00:00 2001 From: Beefox Date: Sat, 19 Nov 2022 17:46:23 +1100 Subject: [PATCH] Added auto line break to allow people to more easily see handle --- src/components/status/status.css | 8 +++++++- src/components/status/status.scss | 4 +--- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/src/components/status/status.css b/src/components/status/status.css index f8b9ef16..2a8d7758 100644 --- a/src/components/status/status.css +++ b/src/components/status/status.css @@ -35,6 +35,9 @@ display: flex; padding: var(--status-margin, 0.75em); } +.Status .status-container .content { + overflow: hidden; +} .Status .status-container > * { min-width: 0; } @@ -122,6 +125,7 @@ padding: 5px; margin: -5px; height: min-content; + height: min-content; } .Status .heading-right .button-unstyled:hover svg { color: #b9b9ba; @@ -240,10 +244,12 @@ position: relative; width: 100%; display: flex; + flex-wrap: wrap; + justify-content: left; margin-top: var(--status-margin, 0.75em); } .Status .status-actions > * { - max-width: 4em; + min-width: fit-content; flex: 1; } .Status .muted { diff --git a/src/components/status/status.scss b/src/components/status/status.scss index c3047a8e..27c80efb 100644 --- a/src/components/status/status.scss +++ b/src/components/status/status.scss @@ -135,12 +135,10 @@ display: flex; min-width: 0; flex-wrap: wrap; - img { aspect-ratio: 1 / 1; } - - .nowrap { + .nowrap{ white-space: nowrap; } }