Problem/Motivation

The admin menu in drupal (View / Edit / Submissions / Devel) styling doesn't change properly to the breakpoint. It's set to small but it should be medium.

Steps to reproduce

- Go to a basic page logged in as admin
- Resize page to 767px wide

Proposed resolution

File location: scss/drupal/_local_tasks.scss line 9, the media-breakpoint should be **md** not sm.

---

Screenshot - 767px
Screenshot - 768px

Issue fork bootstrap5-3324671

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

melissaroy created an issue. See original summary.

karanpagare’s picture

Status: Active » Needs review
StatusFileSize
new381 bytes

Adding patch , changing breakpoint to md.

gaurav-mathur’s picture

Assigned: Unassigned » gaurav-mathur
gaurav-mathur’s picture

Assigned: gaurav-mathur » Unassigned
Status: Needs review » Needs work

Patch #2 not working so needs to work on this

jannakha’s picture

- what's your % of admin users who use tablet?
- Devel module should not be enabled on production

schiz0id made their first commit to this issue’s fork.

schiz0id’s picture

Issue summary: View changes
StatusFileSize
new228.38 KB
new217.33 KB

Updated with screenshots

schiz0id’s picture

StatusFileSize
new219.25 KB

@gaurav-mathur on your comment here: https://www.drupal.org/project/bootstrap5/issues/3324671#comment-14808503

I applied the patch in #2 and recompiled the SASS. I've attached a screenshot of my results. It looks fixed. Are you not seeing the same result?

---

schiz0id’s picture

Status: Needs work » Needs review
jannakha’s picture

Status: Needs review » Closed (duplicate)

- fixed by #3317346: Various CSS fixes
- any SCSS updates have to be recompiled and committed to codebase
- next time please create issue forks/MR for easier workflow (it'll be pretty hard to review a compiled css patch 😳 )