vapor / design Goto Github PK

Should probably do this with a date formatter etc

The chevron for documentation in the nav bar is not aligned and should be lower to match the reference design

See screenshot, we should wrap tags onto the next line when constrained rather than fixing them onto one line. We can do this with the grid system

Eg https://blog.vapor.codes/posts/we-need-you/

Images should be set to max 100%

Probably related to the border being shown

https://design.vapor.codes/main.css - the CSS seems to be duplicated at least 3 times, no idea why but will be related to our ESBuild build process

Should be opt in but we should allow it to be added

https://useyourloaf.com/blog/safari-15-theme-color/

Sets the colour of the status bar to the website colour

Should be full height of the screen and cover the navbar, maybe come from the right as well? See bootstrap docs page as an example.

See Off Cavas

I think this is caused by the line number library but tbc

We shouldn't try to deploy if the PR is from Dependabot (since it doesn't have access to our secrets). Since it's not a fork, we don't exclude it but we can check the branch name for dependabot

Layout is wrong on small screens

We block inline CSP (correctly) but are trying to use it in an onclick handler which is then blocked. This should be changed to use an event listener a la https://web.dev/csp/#inline-code-is-considered-harmful

Should be different for closed and animated (see https://www.brokenhands.io as an example)

Currently we start system mode and then the switcher remembers the preference. We should change this to a drop down menu that allows you to pick between light, dark and system

Align share links and tags at the bottom to the centre and the share tags at the top to the centre

The buttons and icons for the share links are laid out correctly (clipped and not the same size)

E.g. https://startbootstrap.com/snippets/animated-navbar-dropdown when JSFiddle is back