rektdeckard
251b59c53c
InfoPanel: add code snippet for Vue library
...
We now generate snippets for the phosphor-vue in addition to HTML and
React libraries. The panel interface may be getting a bit too cluttered,
and we should consider a redesign in the future.
2020-09-12 17:01:27 -04:00
rektdeckard
2b84e5026e
Header: remove initial animation as it was causing visual stutter
2020-09-09 21:39:48 -04:00
rektdeckard
361cacdabd
state+components: reimplement 'isDark' as a selector
...
We now have a consolidated source of truth for whether the UI should us
dark mode to accomodate a light icon color. This is a recoil selector
that derives from iconColorAtom.
In addition, we renamed styleQueryAtom -> iconStyleAtom for consistency.
2020-09-09 20:00:58 -04:00
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
970db16297
Add gh-pages for temporary prod builds
2020-08-24 01:05:45 -04:00
rektdeckard
c939508484
Footer: fix minor positioning issue with phone spec
2020-08-24 01:05:23 -04:00
rektdeckard
a5faebb9a8
icons: add some tags
2020-08-24 01:05:02 -04:00
rektdeckard
cb63fa4ea6
icons: enable available icons
2020-08-22 14:59:36 -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
208c0ba5b7
App: update to phosphor-icons@0.2.1 and tag newbies
2020-08-21 03:20:27 -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
43154e0a1e
icons: update icon list to match phosphor-react@0.2.0
2020-08-16 23:08:51 -04:00
rektdeckard
7d35f6b693
atoms: set default icon size to 56px
2020-08-16 16:43:57 -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
9e1cff44d8
App: continue replacing references to old repository
2020-08-16 16:42:11 -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
3a4541bce3
Upgrade to react@17.0.0-rc.0
2020-08-15 20:00:52 -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
Tobias Fried
635dd7cc29
Create LICENSE
2020-08-11 13:57:53 -04:00
Tobias Fried
8648bedec2
Delete LICENSE.md
2020-08-11 13:57:14 -04:00
Tobias Fried
35736f2f78
Merge pull request #4 from rektdeckard/redesign
...
Site redesign
2020-08-11 13:54:03 -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
d5609d3c57
useTransientState: set default delay (1000ms) and resolve retriggers
...
When setTransientState() triggers a new timeout, we clear any pending
timeouts to prevent stale state from being applied if a superceding
value was set in the interim.
Maybe in future we should also allow users to cancel pending transitions
directly, by returning useTimeoutFn's cancel() function along with the
state and setter.
2020-08-09 20:54:18 -04:00
rektdeckard
949b978dab
Header: SVG elements no longer user-selectable
2020-08-09 20:53:36 -04:00
