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
390a14537e
README: 'JS' -> 'HTML/CSS'
2020-08-09 20:50:12 -04:00
rektdeckard
d4cc02e5e9
Update assets
2020-08-09 20:49:55 -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
ce1673e010
Issues: update icon_request template
2020-08-03 22:24:11 -04:00
Tobias Fried
48ec53eeae
Merge pull request #2 from rektdeckard/issue-templates
...
Update issue templates
2020-08-03 22:22:56 -04:00
Tobias Fried
9a85244f34
Update issue templates
2020-08-03 22:22:47 -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
rektdeckard
7636a1f85e
ErrorBoundary: use correct types for child components/fallbacks
2020-08-03 18:22:07 -04:00
rektdeckard
528a4fcf8d
App: button text should not be user-selectable
2020-08-03 18:21:51 -04:00
rektdeckard
1a86365db1
README: update code example
2020-08-03 18:20:54 -04:00
Tobias Fried
d1f22a3dbc
ErrorBoundary: add error boundary to IconGrid
2020-07-31 20:01:25 -04:00
Tobias Fried
f79eb5a5d3
InfoPanel: show confirmation icons on successful SVG or snippet copy
...
This patch makes immediate use of useTransientState() to fire a
temporary state transition to show success/failure of copy action.
Note: we should handle error states using other icon.
2020-07-31 19:59:25 -04:00
Tobias Fried
6202c4d2bb
useTransientState: implement hook
...
This utility hook provides access to a piece of state and a setter
function, which can be used to supply a temporary value and a duration
for which it is valid, before reverting to preceeding value. Following
the pattern:
const [value, setTransientValue] = useTransientValue<number>(42, 5000);
setTransientValue(69); // value === 69 for 5000ms, before returning to 42
We can easily fire and forget a temporary state transition.
2020-07-31 19:53:12 -04:00
Tobias Fried
847d80e7eb
App: update link styles to match spec
2020-07-31 19:52:57 -04:00
Tobias Fried
4b927d746d
Add descriptors to package.json
2020-07-29 14:32:04 -04:00
rektdeckard
10fb5da728
App: update body contents and style to match the spec
2020-07-29 12:30:24 -04:00
rektdeckard
6941250d10
IconGrid: massive refactor including component extraction
...
This patch extracts InfoPanel from IconGridItem, adds style tweaks to
match the spec, and in general reduces prop-drilling by tapping into
recoil state for most config, and making use of IconContext to style
member icons where appropriate :)
2020-07-29 12:27:50 -04:00
rektdeckard
c269343014
Toolbar: update style to match spec
2020-07-29 12:26:24 -04:00
rektdeckard
b1a4a93e73
ColorInput: add throttling and update style to match spec
...
This patch adds throttling to events emitted by the native color-picker,
preventing noticeable lag caused by rapid state updates. It is currently
throttled to one event per 100ms, but we may want to play with this
value in the future! For not it feels smooth.
2020-07-29 12:23:53 -04:00
rektdeckard
2ad1e01641
SizeInput: update style to match spec
2020-07-29 12:23:13 -04:00
rektdeckard
c538766794
SearchInput: update style to match spec
2020-07-29 12:22:43 -04:00
rektdeckard
105a1abc96
IconGrid: drop virtualization approach and bump to phosphor-react@0.1.8
2020-07-29 12:20:53 -04:00
rektdeckard
d330f0b6d5
StyleInput: update style and use react-dropdown-select
2020-07-29 12:16:33 -04:00
rektdeckard
f3aa75a0c9
File cleanup and sourcing external fonts
2020-07-29 12:14:31 -04:00
rektdeckard
0ef8f87456
Info: create wrapper around body sections
2020-07-29 12:13:47 -04:00
rektdeckard
541dce65fb
NavBar: extract Header into NavBar and Panorama components
2020-07-29 12:11:47 -04:00
rektdeckard
ecb51191d8
Massive interactivity updates to all components
2020-07-24 14:40:07 -04:00
rektdeckard
8ae4cb2b81
Make filteredQueryResultsSelector async :)
2020-07-24 14:38:53 -04:00
rektdeckard
f14ff1ea4f
Bump to phosphor-react@0.1.6
2020-07-24 14:36:05 -04:00
Tobias Fried
a29d52e36b
Remove unused SVG assets
2020-07-21 23:37:22 -04:00
rektdeckard
19d9b8c7d2
Scaffold out UI components
2020-07-21 23:07:52 -04:00
Tobias Fried
016e6d987b
Experiment with virtualization and Framer Motion
2020-07-19 17:51:35 -04:00
Tobias Fried
e1dfe6aed1
IconGrid: experiment with various list virtualization libraries
2020-07-17 13:24:00 -04:00
Tobias Fried
44ac4455b7
Toolbar: refactor from IconSearch and add 'size' and 'color' controls
2020-07-17 13:23:43 -04:00
Tobias Fried
cf807f789d
Icons: update icon list
2020-07-17 13:21:19 -04:00
Tobias Fried
4ed4f92af6
State: add selectors for icon category map and single category queries
2020-07-17 13:20:04 -04:00
Tobias Fried
ddecdf0451
State: add 'iconSize' and 'iconColor' atoms
2020-07-17 13:18:43 -04:00
