small screen stacking issue with reversed layouts

Created on 28 April 2022, over 2 years ago
Updated 29 January 2024, 10 months ago

Problem/Motivation

When using a reversed layout the CSS property flex-direction: row-reverse; is used and the flex items do not stack on small screens.

Steps to reproduce

Create a dashboard with a reversed layout and then view on a small screen.

Proposed resolution

Update an existing media query to set the flex-direction to column-reverse

🐛 Bug report
Status

Needs review

Version

2.0

Component

Code

Created by

🇺🇸United States jackfoust

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024