WhyDRS / Database

The WhyDRS database is a collection of data on transfer agents for public companies.
https://database.WhyDRS.org
Other
3 stars 1 forks source link

🖌️ Minor visual clarity upgrades #17

Open JFWooten4 opened 1 month ago

JFWooten4 commented 1 month ago

Excited to see the recent progress in stylizing the database for easy use. 📈 Thank you for all the incredible contributions!


Might we clean up a couple small display items? 🖥️

Sidebar Selected Font

Might we make this text color darker (for contrast)?

Screenshot 2024-09-18 at 5 16 28 AM

Header Title Spacing

Maybe this is just me, but do you think IR Email looks better than I R Email? 📝

Screenshot 2024-09-18 at 5 27 30 AM
JamesAlfonse commented 1 month ago

Agreed on both thoughts here. I also wanted to reverse the colors on the selected/unselected options so that the unselected options would be grayed out instead. The column names in the .db file don't have any spaces in them, which is where I think the issue stems from. I had run into some problems when they had spaces in them, it might be good to circle back and figure out a solution for this. Also noticed that enabling and disabling columns on the site doesn't shrink the table; enabling all the columns then disabling all but one will leave a massive amount of space for just that one column.

JamesAlfonse commented 2 weeks ago

Screenshot 2024-10-20 at 5 31 06 PM

Added readability to these buttons, but have not been able to make progress on adjusting the colors between the active and non-active buttons. The active buttons look like they're pressed in, but adjusting the colors in the css file for the section below does not work. #134F9B should be a blue color. It's possible that there's a conflict between the css code and the datatables library causing this. One solution could be to download the full library and include it in this repository to have more visible control over the styling. Regardless, I would prefer to look at other stack alternatives first before proceeding with this option #8. I will look into fixing the headers next.

/ Styles for active buttons using aria-pressed attribute / div.dt-button-collection .dt-button[aria-pressed="true"] { / Set background color for active buttons / background-color: #134F9B !important; / Set text color for active buttons / color: #FFFFFF !important; }