Advanced form button styling

Created on 12 November 2023, almost 2 years ago

Problem/Motivation

With Drupal 10 the Claro theme has this styling:

.layout-node-form {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 3fr minmax(22.5rem,1fr);
  gap: var(--space-l);
}

And due to that the float: right on the button placement gets pushed to the right of that .layout-node-form element, creating a column of white-space on the right edge.

Steps to reproduce

Observe switch to advanced button placement in node create/edit in Drupal 10 Claro administration theme

Proposed resolution

To discuss: unsure what is best but potentially it could be wrapped in a div with text-align: right on that div

Remaining tasks

Discuss/implement best approach

🐛 Bug report
Status

Needs work

Version

2.0

Component

User interface

Created by

🇳🇿New Zealand klidifia

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024