d52ccc3e28
I regret calling these "easy CSS fixes". No CSS is easy in FF. Button text vertical alignment appears to be a foreign concept in FF. Even their default buttons have all text 1px lower than centered. When you customize them, about 50% require one padding rule, and the other 50% a different padding rule. Even tried losing top/bottom padding and setting a hard height/line-height and it still shits its pants. If there was some simple way to make them consistent, it wasn't obvious to me, but I'm pretty sure I fixed them all. This bug is strictly Windows, Linux requires only the one rule. Windows stable, beta, and Nightly all behave the same, so at least the workaround is consistent. ESR behaves the same, but requires different rules for each, also accounted for. Tested in Chromium/Linux Chromium, Opera and Vivaldi, and the one normal padding rule works for all. As for the buttons themselves, I think I've mimicked Windows Chromium buttons pretty well. As I mentioned, I recreated the subtle gradient using a transparent image, so we can put a slight transition on hover bg color. Hovers are smoother and slightly more obvious than the defaults, but nothing too drastic. Regarding Linux, now that inputs and buttons are customized, the only thing preventing our UI from being 99.9% identical is the font issue. Shouldn't be too difficult, but I'm not sure what the most efficient way to load Arial would be. The number inputs are mostly stylable, except for the actual arrows, which are terrible in Linux FF. I've styled them to look normal, and set the arrows to be hidden unless the input is hovered or focused. They're rarely used, so at least they won't muck up the UI when they're not in use. I also abandoned trying to eliminate the dotted border inner text focus bullshit. I swear that one rule worked the other day, but turns out it doesn't. They actually render it according to text color. There are terrible hacks setting focused text to transparent and resetting text color with text shadow. They're buggy and shitty, so not worth implementing. No idea why they only still do this in Linux, but I guess they're used to it. Users who hate it probably figure out a config switch or some other workaround. Didn't put a lot of effort into text inputs, but they all look fine in every browser/OS tested. We can tweak any properties to achieve the same styling if necessary. Only one styled differently is the manager search input, because it looks better shorter. In the search input, typed text and the clear "X" look 1px low vertically, which can't really be solved with padding, or the placeholder text becomes off center. This was the case with the previous CSS as well. NBD, but it'd be nice to fix. Double-check any obscure popups which may contain inputs/buttons I might've missed, particularly usercss shit. I also found an unrelated Vivaldi bug. It fails to calculate the width of filter selects correctly on the initial page load. They only appear correctly after reloading the page. We set a max-width instead of any width property so they resize dynamically depending on the current selected option text. Works fine in all other browsers, so I don't wanna break it for a Vivaldi bug. Vivaldi has no special browser class, but it'd be nice if it did so we could only break dynamic resizing in Vivaldi to circumvent their bug. |
||
|---|---|---|
| _locales | ||
| .github | ||
| background | ||
| content | ||
| edit | ||
| images | ||
| install-usercss | ||
| js | ||
| manage | ||
| msgbox | ||
| options | ||
| popup | ||
| tools | ||
| vendor | ||
| vendor-overwrites | ||
| .editorconfig | ||
| .eslintignore | ||
| .eslintrc | ||
| .gitignore | ||
| COPYING | ||
| edit.html | ||
| global.css | ||
| install-usercss.html | ||
| manage.html | ||
| manifest.json | ||
| options.html | ||
| popup.html | ||
| README.md | ||
Stylus is a fork of Stylish for Chrome, also compatible with Firefox as a WebExtension
Releases
Screen shot
Help
See the help docs or ask in userstyles.org forum. For Stylus specific questions and suggestions please use review section of the FAQs page.
Contributing
The source is hosted on GitHub and pull requests are welcome.
You can help us translate the extension on Transifex. When messages.json file is ready to be merged, please open a new bug report in stylus/issues.
See our contributing page for more details.
License
For copyright status of the "codemirror" directory, see codemirror/LICENSE. Everything else is:
Copyright (C) 2005-2014 Jason Barnabe jason.barnabe@gmail.com
Copyright (C) 2017 Stylus Team
This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.