Contrib.social

Overlapping .form-actions when more than 2 (eg. Symfony mailer policies)

Open on Drupal.org →
Created on 4 February 2023, almost 2 years ago
Updated 27 October 2023, about 1 year ago

Problem/Motivation

Symfony mailer module edit policy form has 2 .form-actions: the expected form submit/delete as well as a "add element" ajax select and button.

As mediteran/css/components/form.css sets this class item to position: fixed; they overlap thus the ajax form couldn't be accessed.

Original CSS code starting line 134:

@media screen and (min-width: 640px) {
  ...
  .form-actions {
    padding: 20px;
    position: fixed;
    ...

See before.jpg → .

Steps to reproduce

A bit technical as both Symfony Mailer and Symfony Mailer Override modules should be installed and configured.
Then, edit any policy.

Proposed resolution

As I'm using a child theme of Mediteran for my admin theme, I added this css to my theme:

@media screen and (min-width: 640px) {
  form.mailer-policy-edit-form .form-actions {
    position: unset;
  }
  form.mailer-policy-edit-form #edit-actions {
    position: fixed;
  }
}

Which allows the ajax form to be where it is expected (top of the form) and the submit/delete form at the bottom of the page (as in other Mediteran forms).

See after.jpg → .

📌 Task
Status

Closed: won't fix

Version

1.29

Component

User interface

Created by

🇫🇷France PhilY 🇪🇺🇫🇷 Paris, France

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

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024