Skip to content

Action Bar Buttons on separate lines #14170

@helloDanuk

Description

@helloDanuk

Bug description

Depending on the browser width, the action bar buttons are displayed on two lines. On a specific width this results in no rounded corners and no left border for the button on the second line (for example the delete-button).

Image Image

If you narrow your browser window further down the layout changes and the buttons are fine again.

Image

In both cases though, there is a small border/shadow at the bottom, which looks a bit odd.

Image

How to reproduce

  • Check an asset in assets list view (the place with the most amount of action buttons I guess)
  • Experiment with browser window size

Logs

Environment

Environment
Application Name: Statamic
Laravel Version: 12.53.0
PHP Version: 8.4.18
Composer Version: 2.9.5
Environment: stage
Debug Mode: ENABLED
URL: six-20-widgets-KEEP-IT.test
Maintenance Mode: OFF
Timezone: UTC
Locale: en

Cache
Config: NOT CACHED
Events: NOT CACHED
Routes: NOT CACHED
Views: CACHED

Drivers
Broadcasting: log
Cache: file
Database: sqlite
Logs: stack / single
Mail: log
Queue: sync
Session: file

Storage
public/storage: NOT LINKED

Statamic
Addons: 3
Sites: 1
Stache Watcher: Disabled (auto)
Static Caching: Disabled
Version: 6.5.0 PRO

Statamic Addons
daun/statamic-original-filename: 1.1.1
mitydigital/statamic-sticky-notes: 2.0.0
statamic/seo-pro: 7.1.1

Installation

Fresh statamic/statamic site via CLI

Additional details

No response

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions