BS4 remaining

[kristopolous]

BS is a large project ... there's about 8,000 lines of scss, which doesn't sound that huge, but I'm auditing all of it. The possibility of me missing a BS feature is quite high and I know they're working on BS-5 so let's make sure this thing gets done.

I don't know how on earth a front-end design project became my most popular project - I'm actually a low-level, backend and application programmer. I do really like UX though. Anyway, here we are:

Really ought to do:

• [x] Activating buttons should not shift content
• [x] There should be no space between a menu and its pulldown
• [x] Breadcrumbs should not look like you hit an NES bug
• [x] Pagination needs to look better
• [x] Alerts should be using the right chracter sets
• [x] Tabs need style
• [x] Selects need to look better
• [x] Pills need style
• [x] Progress bars need to not be broken
• [x] Popovers need to work
• [x] Modals need to work
• [x] Tooltips need to work
• [x] The colors on toasts are broken
• [x] Sliders need to be fixed
• [x] File upload controls need to look better
• [x] The braces svg needs to use the right font and be the right size
• [x] Table colors need to be reasonable
• [ ] Get it to not be so fugly
• [x] Card headers needs to be right
• [x] Secondary colors need to be legible
• [x] button outlines shouldn't take up more horizontal space
• [x] h6 needs to only use the legal characters
• [x] tabs shouldn't overflow on mobile
• [x] the gray borders around buttons need to finally be correct for once.
• [x] tab dropdown needs to shift left ... the current offset isn't dos-possible.
• [x] readonly and disabled input should be using the grayLight svg variations

Maybe-do:

• [x] Centering should be adjusted to align with the fake grid (See _386.centerNudge)
• [x] The often requested block cursor (see _386.magicCursor)
• [x] A more appropriate scroll (see _386.scrollLock)

Punted:

• [ ] Carousel needs to work
• [ ] Something magnificent on mobile, it's a mess, it should be special

I'm giving myself 3 weeks to do this ... I don't know why either.

[spotUP]

awesome!

[kristopolous]

If I get time what would be really just stunning is if the colors changed on mobile to match the old monochrome lcd screens. It's a curious and unique set of colors on these old devices. It's not just "black" and "grayish" ... It's pretty specific, and they weren't uniform, the area where content could be was a bit greener...

[spotUP]

Cool idea, but please make it optional in that case. =)

[kristopolous]

we'll see ... if it works well I'll probably wave my dictatorial scepter and make it mandatory, this is an art project after all ... I kinda have to follow my instinct here.

[kristopolous]

the carousel is really the remaining piece ... I think the fugly ticket I'll have to like reformat it for a pitch page ...

Also I think I may have to add a few things to bs for the dos mode. I keep circling back to putting the primary/info/alert/warning classes on the h tags

[kristopolous]

also I haven't done any js yet ... probably should do that somewhere

[kristopolous]

i'm just going to punt the carousels, get the centering to work, package it up and ship it.

[kristopolous]

Using the new features of the scrolllock and the magic cursor, the alignment issues are far easier to spot then when I was using grid.svg generated by this small nodejs script.

Ideally you'd get perfect alignment at every pixel ... there's really no reason you shouldn't be able to (well I may change this but right now that's my claim).

[spotUP]

"Ideally you'd get perfect alignment at every pixel ... there's really no reason you shouldn't be able to (well I may change this but right now that's my claim)." *** awesome, gogogo! ***

[ser]

Now just quickly update it for 5.1 🥇

[kristopolous]

Now just quickly update it for 5.1 1st_place_medal

HAHAHAHA

I have to rewrite it from scratch every version. It's not just simple colors constants and fonts - it's massive overhauls. This isn't really a "theme", it's a proper fork. I'll work on it though.