Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bootstrap 5.3 #264

Closed
wants to merge 8 commits into from
Closed

Bootstrap 5.3 #264

wants to merge 8 commits into from

Conversation

jcdhan1
Copy link

@jcdhan1 jcdhan1 commented Nov 26, 2023

Closes #262

Upgrading to 5.3 and addressing breaking changes according to the migration guide.

Upgrading to Bootstrap 5.3.2 because it has a dark mode.
Refactoring to address breaking change change in [badges](https://getbootstrap.com/docs/5.3/migration/#badges).
Removing second `@extend` because `.badge-secondary` has become
`.badge .bg-secondary` so the one `@extend` should apply to it.
Refactoring to address breaking change in [Sass](https://getbootstrap.com/docs/5.3/migration/#sass).
Removing the only use of a deprecated mixin; hover.
Re-compiling the SCSS files with sass after addressing all breaking
changes listed in https://getbootstrap.com/docs/5.3/migration/
that are applicable to this skin's use of Bootstrap.
@jcdhan1
Copy link
Author

jcdhan1 commented Nov 27, 2023

I also noticed icons inside buttons (mainly from the Page Form extension) look like this on the master branch using Bootstrap 4; there are barely noticeable minus and plus signs there.
image

So on this branch, I've replaced them with their fa-icon equivalents. Whilst fixing that, I've given the non-saving buttons a style similar to how they are on the Vector skin by making them extend .btn-outline-*. Vector is on the right.

Plain edit page

image

Form creation page

image

Example edit with form page (two text areas)

image

- Extending .btn-outline-* classes so the buttons like preview, show,
  changes etc. look similar to how they are on the Vector skin.
- Applying font-awesome styles to the icons inside the buttons.
@thaider thaider closed this Jun 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Bootstrap 5
2 participants