* From 768px to 920px, toolbar overflows container, shifted media query at max-width of 920px
* min-width of main content is larger than viewport, causing overflow
* main page has scrollbars even though all content visually is within viewport, removed/lessened margin on main and body
* On Firefox, the items inside toolbar second row would not match to container's height, thus would be smaller. 'flex: 1' applys flex growth, but sets the initial size of item to 0%. flex basis needs to be added as auto to fit the parent's main size property.
Co-authored-by: Michael Fix <mrfix84@gmail.com>
* The first preset is always selected(highlighted/cursor “not allowed”). In presets file, selected is based on the value of property preset from the default settings object. All preset objects do not have this property but have id instead, since default settings has property preset, all the presets inherit the same property preset, which is why the first preset was always highlighted. Fixed by replacing key name preset to id in default settings.
* removed id key from default settings
* preset is no longer a key in default settings
Co-authored-by: Michael Fix <mrfix84@gmail.com>
* make toolbar fit window on mobile
* don't prefetch /about
* improve /about page
* fix layout for /account and /snippets
* fix img on /about mobile
* unneeded change
* just load SketchPicker
* remove colornames package
* load other highlight.js modes lazily
* add bundle analyzer hook
* only load modes once per session
* fix up modes loaded
* fix up
* store background image, not background selection in presets
* move localStorage into save utils
* curry omit util fn
* clean up manual image upload by URL
* refactor image changes
* separate uploadImage from selectImage
* upgrade visual regression testing tests
* add TODOs
* fix url encoding to support direct pastes to medium
* move check for object keys length to getQueryStringState
* remove url parse from GistContainer
* use useMemo instead of memo
* remove decode()
* add copy URL button to export menu