rektdeckard
3cfbb34713
Add formatter script
2020-08-28 13:37:12 -04:00
rektdeckard
80fb113934
Header+Footer: apply x-ray while Tapping on mobile devices
2020-08-24 01:55:29 -04:00
rektdeckard
7254038e90
Toolbar: translate -1px to make seamless with top
2020-08-24 01:54:59 -04:00
rektdeckard
727ae2d08e
App: add sensible fallback fonts
2020-08-24 01:06:12 -04:00
rektdeckard
c939508484
Footer: fix minor positioning issue with phone spec
2020-08-24 01:05:23 -04:00
rektdeckard
24a9662041
SearchInput: blur on Enter pressed
2020-08-22 14:59:15 -04:00
rektdeckard
f854d8e165
Toolbar: improve mobile breakpoint
2020-08-22 14:58:53 -04:00
rektdeckard
510dcc1ebb
Footer: fix phoneSpec overlap problem
2020-08-21 14:56:49 -04:00
rektdeckard
6b7a594191
Toolbar: better handle breakpoint styling
2020-08-21 03:21:04 -04:00
rektdeckard
43f722ad5b
Header+Footer: complete refactor of hover logic :)
2020-08-21 03:19:50 -04:00
rektdeckard
07c708e9fd
SearchInput: debounce input and add wait indicator
2020-08-18 14:16:36 -04:00
rektdeckard
e1c4a72026
IconGrid: add overflow scroll on mobile breakpoint
2020-08-18 14:15:36 -04:00
rektdeckard
7cc707a942
InfoPanel: handle missing Clipboard API silently
2020-08-18 14:14:56 -04:00
rektdeckard
1b3fde3c30
Header: continue to improve mobile breakpoints
2020-08-18 14:14:13 -04:00
rektdeckard
697ead7113
Header: improve mobile breakpoint document structure
2020-08-17 15:20:51 -04:00
rektdeckard
1d2bacd899
InfoPanel: make snippets keyboard-navigable and autoselected
...
Code snippets can now be navigated to be keyboard. Additionally,
focusing this way or by single-clicking will select the entire snippet
contents by default, then after a 50ms delay, allow for normal text
selection. This is a better experience for copying, especially on
mobile.
2020-08-17 13:06:05 -04:00
rektdeckard
16bfd4cdf8
SeachInput: add clear button for query
2020-08-17 03:01:11 -04:00
rektdeckard
192eb5b8eb
InfoPanel: add breakpoints that simplify panel on mobile
2020-08-17 02:53:18 -04:00
rektdeckard
8faf7be451
IconGrid: switch to fill-style icon buttons
2020-08-17 02:19:55 -04:00
rektdeckard
9efc713299
App: fix some CSS styling bugs related to Safari support
2020-08-16 16:43:31 -04:00
rektdeckard
017a05a769
Update to phosphor-react@0.2.0
2020-08-16 16:42:57 -04:00
rektdeckard
62b08e1ac2
App: change references from old repository to phosphor-icons
2020-08-15 23:05:23 -04:00
rektdeckard
41afffab84
Housekeeping for component imports
2020-08-15 20:03:30 -04:00
rektdeckard
37d80d4b9d
IconGrid: extract some inline styles
2020-08-15 20:02:55 -04:00
rektdeckard
5f2681048d
Header+Footer: style updates and addition of links
2020-08-15 20:02:11 -04:00
rektdeckard
036d76fcfa
App: always add margin to button icons
2020-08-15 20:01:20 -04:00
rektdeckard
bb7637caa4
Don't re-export components
2020-08-15 20:00:13 -04:00
rektdeckard
889fb9b2ff
StyleInput: fix passing of unsupported DOM attributes to select content
...
We were erroneously passing react-dropdown-select methods into content
divs rendered by contentRenderer. They were not necessary, as the
component already handles basic select methods natively.
2020-08-11 14:25:35 -04:00
rektdeckard
ff37443be8
Header+Footer: implement breakpoints
2020-08-11 13:51:14 -04:00
rektdeckard
84b01b0066
Header+Footer: add empty img alt-text to satisfy Lighthouse
2020-08-11 13:50:17 -04:00
rektdeckard
c9ea3a5e25
App: restyle main buttons
2020-08-11 13:42:03 -04:00
rektdeckard
d924ab8fc9
InfoPanel: downloaded SVGs now contain appropriate weight in filename
2020-08-10 16:06:11 -04:00
rektdeckard
c367bd79d1
App: remove unused NavBar component
2020-08-10 16:02:06 -04:00
rektdeckard
4dc8bc7ac6
Footer: add 1280px breakpoint styles
2020-08-09 23:43:18 -04:00
rektdeckard
949b978dab
Header: SVG elements no longer user-selectable
2020-08-09 20:53:36 -04:00
rektdeckard
e1efa16335
Header: buttons now link out and scroll the page!
2020-08-09 20:52:59 -04:00
rektdeckard
78796c2990
App: change text selection color to black
2020-08-09 20:52:10 -04:00
rektdeckard
aaf9bd1d7d
Footer: extract contents from App and begin implementing redesign
2020-08-09 20:51:40 -04:00
rektdeckard
e88cdb1c02
Header: remove unused styles
2020-08-08 23:54:14 -04:00
rektdeckard
6e9b7e6fd8
Header: implement new snazzy Header
...
The new Header component uses framer-motion to animate transitions
between illustrations and x-ray views showing the icons used in their
construction.
2020-08-08 23:50:44 -04:00
rektdeckard
d50c2c4133
XXX HEADER index
2020-08-08 23:50:27 -04:00
rektdeckard
ce5b2604ad
Toolbar: add drop-shadow
2020-08-08 23:50:08 -04:00
rektdeckard
981e5ff53d
App: restyle buttons
2020-08-08 23:49:31 -04:00
rektdeckard
40f56910be
ColorInput: use cursor: pointer on hover
2020-08-08 23:44:50 -04:00
rektdeckard
8c21d8c498
New Header
2020-08-08 11:33:18 -04:00
rektdeckard
49c9cacc51
StyleInput: implement custom dropdown with example icons
2020-08-07 14:44:55 -04:00
rektdeckard
b3504e255e
SearchInput: disable autocomplete
2020-08-07 14:44:36 -04:00
rektdeckard
ae4d6bedd2
IconGrid: revise grid item hover/active state styles
2020-08-07 14:43:33 -04:00
rektdeckard
0af7c55ed7
IconGrid: fix padding
2020-08-03 22:25:05 -04:00
rektdeckard
6b868aa59b
IconGrid: adjust grid item and info panel hover/active states
...
This is now in compliance with the spec, using a single color with
opacity to render open/hovered/active GridItems and InfoPanels. We also
properly show background on open GridItems.
2020-08-03 18:22:41 -04:00
