Provide core's compatible CSS

Created on 11 May 2023, over 1 year ago
Updated 19 May 2023, over 1 year ago

Problem/Motivation

The default styling provided by the library doesn't match the one provided by Drupal's default admin theme.
I suggest to add the following in the module's CSS:

.choices__list--multiple .choices__item {
    color: var(--button-fg-color--primary);
    background-color: var(--button-bg-color--primary);
    box-shadow: 0 1px 2px rgba(0,0,0,0.25);
    border-radius: var(--button-border-radius-size);
    border: 1px solid transparent !important;
}
.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
    border-left: 1px solid transparent !important;
}

This CSS was copied from what is applied to .button--primary and .button (the transparent border part) by the Claro theme, and will produce this output:

Feature request
Status

Fixed

Version

1.1

Component

User interface

Created by

🇮🇹Italy kopeboy Milan

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

Comments & Activities

Production build 0.71.5 2024