-
Notifications
You must be signed in to change notification settings - Fork 2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Site Picker: All Sites: Improve Icon Composite #2
Comments
I like all the proposals here far more than the current one.. But it also shows some of the challenges we have. Sites have square avatars, people have circle avatars. That means if the squares are right next to each other, they might as well be one big blavatar. On the other hand at the small size here, we need all the pixels we can get. To be clear: I think all of these are good. The following are just mockups to explore further. Like I mentioned, the circles while cool looking probably won't work as sites are square. |
@jasmussen we have the count on the right of the component these days. Maybe we can explore just using the icon grid on the left? |
That certainly makes things easier. In that case I think either 4 circles, 4 squares, or 3 stacked diagonal blavatars would work just fine. I have a slight 4 squares preference simply because blavatars are square. |
Yes, I think we should stick to this. |
@jasmussen 4 icons no gaps sounds good? |
Yep, I think that's the pragmatic choice for the foreseeable future! 👍 |
…tions Skyjumping Beavers && Post-editor add redux actions #2
Feel free to revert the changes in the selector, but: - /stats/day/mysite.wordpress.com/?tour=main works - /?tour=main works - /stats/day/?tour=main DOESN'T work The reason #2 works is that it loads the Reader first, and tapping My Sites after that will try to take the user to a specific site (to me at least), whereas in #3 we explicitly go to My Sites with no site selected, thus the sidebar has no site icon. Also: - wait.js: my testing shows that the switch to the Preview step is only 'delayed' once or twice, but even so I decided to implement a rapidly growing `delay` as a defensive practice (e.g., in the #3 above, `wait` will keep trying indefinitely, but thanks to the growing `delay` that doesn't become a perf concern). - That said, we could also set some break condition, like a hardcoded maximum `delay` (or even a function if we feel that need) after which `wait` stops trying.
Feel free to revert the changes in the selector, but: - /stats/day/mysite.wordpress.com/?tour=main works - /?tour=main works - /stats/day/?tour=main DOESN'T work The reason #2 works is that it loads the Reader first, and tapping My Sites after that will try to take the user to a specific site (to me at least), whereas in #3 we explicitly go to My Sites with no site selected, thus the sidebar has no site icon. Also: - wait.js: my testing shows that the switch to the Preview step is only 'delayed' once or twice, but even so I decided to implement a rapidly growing `delay` as a defensive practice (e.g., in the #3 above, `wait` will keep trying indefinitely, but thanks to the growing `delay` that doesn't become a perf concern). - That said, we could also set some break condition, like a hardcoded maximum `delay` (or even a function if we feel that need) after which `wait` stops trying.
* Add server sanitization dependencies * Add server parser code and test * Use server sanitizer for plugins content * Wrap server DOM parser in try catch and add comment * Use wp_kses style allowed tags configuration * Add extra sanitizer tests * Add more malformed HTML test cases * Replace server-dom implementaiton with jsdom * Update yarn.lock with jsdom dependency * Dedupe packages * Use package.json resolutions instead of yarn dedupe * Add missing jsdom deps needed for production build * Make sure correct root is used for content sanitizer tests * Avoid including optional dependencies in production build * Reuse DOMParser instance for sanitization * Sanitize plugin data before caching to react-query * Check for optional property when filtering out optional dependencies * Replace any types with unknown * Remove unnecessary changes and IE 11 support * Add missing type * Replace deprecaated and incorrect type * Restore plugins query any types * Remove potentially unnecessary package resolutions * Add duplicate packages to version resolutions * Restrict jest text econding fix for jsdom to affected test suite * Move jsdom test global fix outside of test folder * Remove unneeded dependency definitions * Restore lzma-native version resolution * Updated cache keys for normalized queries Co-authored-by: Noah Allen <noahtallen@gmail.com>
* Update packages to pre- react 18 versions * Noop some type packages with stale @wordpress/data module declarations * Fix some TS errors * Fix some unit tests * Fix TS errors in wpcom-checkout * Fix more TS errors * Fix TS errors in wpcom-plans-ui data store * Fix a bunch of other TS errors * Fix a bunch of other TS errors * Fix a bunch more TS errors * Fix type confusion * Add core/data temp placeholder types * deduplicate packages * Ignore some logs * Fix another failing test * Fix a couple more tests * Fix a bad import * Force @wordpress/element resolution * Fix more code style errors * Fix some code style errors * Declare TS modules of the nooped types * Pin @wordpress/data-controls version * Fix a ton of ETK TS errors * Remove some undesired obsolete type packages * Restore @wordpress/data-controls types * Add necessary @wordpress/blocks types inline * Remove a duplicate __i18n_text_domain__ * Dedupe again * Revert "Remove a duplicate __i18n_text_domain__" This reverts commit 6fda7b7c54affc8044d4732b5790ac0aa92b972e. * Workaround a __i18n_text_domain__ duplication * Fix a bunch of store and checkout TS errors * Fix more package TS errors * Start fixing some more TS errors * More TS fixes * Fix a bunch more TS errors * More TS error fixes * Fix some imports * More TS errors * Fix bad import * A few more TS fixes * More TS errors fixed * Add @automattic/global-styles to tsconfig references * Fix a few more type errors * Fix a few more TS errors * Ignore another log entry * Fix more TS errors * Pin @wordpress/base-styles * Revert @wordpress/env upgrade * Add missing select dependency * Add missing data dependencies to useSelect calls * Remove some now uneeded ts-ignore lines * Polish some useSelect dependencies * Polish another useSelect data dependency * Account for possibly undefined stores * Add more data dependencies to useSelect calls * Fix render loop caused by obj reference changing each render --------- Co-authored-by: Noah Allen <noahtallen@gmail.com>
The current icon-composite used to represent all-sites could be improved.
Current:
Proposed by @mtias
The text was updated successfully, but these errors were encountered: