Skip to content

Bootstrap 5 - #265

Open
pikachu0542 wants to merge 15 commits into
developfrom
bootstrap-5
Open

Bootstrap 5#265
pikachu0542 wants to merge 15 commits into
developfrom
bootstrap-5

Conversation

@pikachu0542

Copy link
Copy Markdown
Member

What

Update styles to bootstrap 5

Why

Bootstrap 5 is good

Test Plan

Ensure everything works as expected. There should not be any differences in functionality.

Env Vars

No (mostly).

I did fix one issue where, in config.env.py, the line that would get the LDAP_BIND_PASS was looking for the variable named LDAP_BIND_PW in the .env, which didn't match the name used in every other place for that variable. Now running the project locally (in the compose) should work with no issues.

Documentation

No updates needed

Checklist

  • Tested all changes locally

@pikachu0542 pikachu0542 self-assigned this Sep 6, 2026
@pikachu0542 pikachu0542 added the enhancement New feature or request label Sep 6, 2026

@BigSpaceships BigSpaceships left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

W bootstrap 5, just a few thoughts

Also, can you add theme switching?

Comment thread profiles/static/style.css
Comment on lines +83 to +103
.text-bg-blue {
color: #fff;
background-color: #2196f3;
}

.text-bg-pink {
color: #fff;
background-color: #cb42a9;
}

.badge-purple {
.text-bg-purple {
color: #fff;
background-color: #b19cd9;
}

.badge-strange {
.text-bg-green {
color: #fff;
background-color: #4caf50;
}

.text-bg-strange {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm pretty sure there's builtin classes for these
https://getbootstrap.com/docs/5.3/utilities/background/
for csh primary is purple secondary is pink

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm pretty sure there's builtin classes for these https://getbootstrap.com/docs/5.3/utilities/background/ for csh primary is purple secondary is pink

This is true, but i was trying to keep the same colors as what things are currently. I know for sure that the success and info classes are different shades of green and blue than what is currently used, and we already had those custom classes for pink and purple, which i assume is for the same reason. Im open to trying the existing classes, and I can see how they look tho

Comment thread profiles/templates/include/head.html Outdated
Comment thread profiles/templates/include/nav.html
Comment thread profiles/templates/include/nav.html

{% if "current_student" in member_info.group_list %}
<span class="badge badge-pill badge-secondary">Current Student</span>
<span class="badge rounded-pill text-bg-light">Current Student</span>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image these are super low contrast

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants