Contrib.social

Fix Border styling with Bootstrap library hard overrides over borders

Open on Drupal.org →
Created on 1 September 2021, almost 3 years ago
Updated 27 July 2023, 11 months ago

Problem/Motivation

Having 

.border {
  border: 1px solid #dee2e6 !important;
}

In the front-end Bootstrap theme will reset the border styling for:

  • Border width
  • Border style
  • Border color

with !important
The theme with higher wight than the module wight and order of libraries.

Steps to reproduce

Given that the "Bootstrap Style" module was installed and configured to be used on a content type with layout builder
And any "Bootstrap 4/5" theme was installed and configured as the default theme
When a block or a section is configured with the "Border width" or "Border style"
Then the selected border width not being reflected on the layout builder editing page
And no change to border width on the front-end too

Before

→

→

Proposed resolution

Fix this from the border plugin library. By adding a body to border-classes.scss

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Addition/Change/Update/Fix to this project
  • ✅ Testing to ensure no regression
  • ✅ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ✅ Code review from Bootstrap Styles team member
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ✅ Review with the product owner
  • ✅ Release bootstrap_styles-1.1.1 →

User interface changes

After

→

→

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Issue #3230802 → : Fixed Border styling with Bootstrap library hard overrides over borders
🐛 Bug report
Status

Fixed

Version

2.0

Component

Code

Created by

🇯🇴Jordan Rajab Natshah Jordan

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

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

contrib.social Blog FAQ Discussions
Production build 0.69.0 2024