mobile-newline (#226)

Allows the handle of users to drop down onto the next line if there isn't enough room in order to improve useability on mobile

Reviewed-on: https://akkoma.dev/AkkomaGang/pleroma-fe/pulls/226
Co-authored-by: Beefox <bee@beefox.xyz>
Co-committed-by: Beefox <bee@beefox.xyz>
This commit is contained in:
Beefox 2022-11-21 16:49:18 +00:00 committed by floatingghost
parent f8a796b234
commit 684894aee3
3 changed files with 25 additions and 13 deletions

View file

@ -130,6 +130,13 @@
.heading-left {
display: flex;
min-width: 0;
flex-wrap: wrap;
img {
aspect-ratio: 1 / 1;
}
.nowrap{
white-space: nowrap;
}
}
.heading-right {
@ -140,6 +147,8 @@
padding: 5px;
margin: -5px;
height: min-content;
&:hover svg {
color: $fallback--lightText;
color: var(--lightText, $fallback--lightText);