andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
95 Commits 7 Branches 8 Tags
24a9662041397f055a269ff2d771544f4007d431
Commit Graph

69 Commits

Author SHA1 Message Date
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
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
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
847d80e7eb App: update link styles to match spec 2020-07-31 19:52:57 -04:00