-
Notifications
You must be signed in to change notification settings - Fork 10.3k
Re-factor the loading-icons used in the viewer toolbars #17287
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
Conversation
3f3bf2e
to
7c870ef
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM. Thank you.
7c870ef
to
aa97126
Compare
d9ecbdb
to
5b2d8b9
Compare
Currently the SVG images for the loading-icons exist in two versions, for the light- respectively dark-theme, which nowadays are the only "duplicated" icons left. The reason for this is that these icons are being used in `input`-elements, where the regular `mask-image` approach used for all buttons don't work. To address this we add containers for the `input`-elements, such that we have a "regular" DOM-element where we can use `mask-image`.
5b2d8b9
to
625d4f7
Compare
/botio-linux preview |
From: Bot.io (Linux m4)ReceivedCommand cmd_preview from @Snuffleupagus received. Current queue size: 0 Live output at: http://54.241.84.105:8877/20c0f6eddeea22b/output.txt |
From: Bot.io (Linux m4)SuccessFull output at http://54.241.84.105:8877/20c0f6eddeea22b/output.txt Total script time: 1.41 mins Published |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A way better like this: I appreciate.
I tested with the preview in light/dark mode and in ltr/rtl mode and everything is ok.
LGTM. Thank you.
Currently the SVG images for the loading-icons exist in two versions, for the light- respectively dark-theme, which nowadays are the only "duplicated" icons left.
The reason for this is that these icons are being used in
input
-elements, where the regularmask-image
approach used for all buttons don't work.To address this we add containers for the
input
-elements, such that we have a "regular" DOM-element where we can usemask-image
.Edit: This reduces the size of the
gulp mozcentral
output by1.5
kilo-bytes, which isn't a lot but still cannot hurt.