Include styles for Bootstrap

Created on 24 November 2023, 12 months ago
Updated 9 May 2024, 7 months ago

Hi,

I have a Bootstrap 5 based site and this makes the Tagify drop-down more-or-less consistent. It also supports Bootstrap 5.3 dark mode (which I love).

Could this be included? Maybe an option somewhere to select Bootstrap" as an option? I looked at where the module determines if it is Gin or Claro, but I don't think that would work here, as most of the time Bootstrap is implemented as a subtheme.

Maybe if it can't be implemented in code it could be added to documentation as an option.

:root {
  --tagify-dd-color-primary: var(--bs-body-color);
  --tagify-dd-bg-color: var(--bs-body-bg);
}

.tagify__dropdown {
  background: var(--bs-body-bg);
  color:  var(--bs-body-color);
}

.tagify__dropdown__item--active {
  color: var(--bs-body-bg);
  background:  var(--bs-body-color);
}

.tagify__tag:focus div::before, .tagify__tag:hover:not([readonly]) div::before {
  color: var(--bs-body-bg);
}

.tagify__tag--editable .tagify__tag-entity-id {
  background: var(--bs-body-bg);
}
Feature request
Status

Closed: won't fix

Version

1.2

Component

Code

Created by

🇺🇸United States duckydan

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

Comments & Activities

  • Issue created by @duckydan
  • 🇪🇸Spain gxleano Cáceres

    In my view, we shouldn't try to cover every single situation in the module since there are many different possibilities.

    The easiest way to handle this might be by adding it to the custom theme. So, I think it's best to close this issue for now because there hasn't been any recent activity. But if a good solution comes up, please feel free to reopen it.

  • Status changed to Closed: won't fix 7 months ago
  • 🇪🇸Spain gxleano Cáceres
Production build 0.71.5 2024