793dc20722
* linter and compact layout improvements Closes #748 While investigating the best way to fix linter scrolling, when I double-checked the compact layout, an old bug I meant to fix a long time ago was immediately apparent. Basically, the linter adds/removes errors as you type, causing the editor to bounce up and down, making it practically unusable. This PR fixes scrolling, and also collapses options and the linter in the compact layout, but always shows the collapsed linter so you're aware of the error count without the content jumping. It also collapses options in the non-compact layout if the viewport is too short to accommodate them, factoring in the min-height of the linter. All automatic collapsing factors in whether a linter is active so they can adjust accordingly, and disables the setting of collapsed state prefs, since we're deciding the pref anyway, and this allows for re-expanding on resize based on the previous pref. It's quite possible I failed to account for certain scenarios, so try to break it. Also think it's problematic for the linter to not always be visible if enabled, so I hooked up a 40px fixed header on scroll with just the linter in it for the compact layout. A few other little details are included. I removed redundant line and column numbers spelled out at the end of lint messages to prevent horizontal overflow. I noticed that the expand/collapse prefs do not toggle correctly when clicking directly on the details-marker arrow. Simplest solution was covering them with the `h2` (we may wanna hook up the manager as well). Also, unrelated, but I switched to opacity to hide resizing sectioned editors, because `visibility: hidden;` breaks editor auto-focus. If either of you guys wanna fix any bugs, or improve any code, feel free to just commit to this PR directly. * linter and compact layout improvements * linter and compact layout improvements * No usercss scroll listener and delay header check * Some code tweaks |
||
|---|---|---|
| _locales | ||
| .github | ||
| .tx | ||
| background | ||
| content | ||
| edit | ||
| images/icon | ||
| install-usercss | ||
| js | ||
| manage | ||
| msgbox | ||
| options | ||
| popup | ||
| sync | ||
| tools | ||
| vendor | ||
| vendor-overwrites | ||
| .editorconfig | ||
| .eslintignore | ||
| .eslintrc | ||
| .gitattributes | ||
| .gitignore | ||
| edit.html | ||
| global.css | ||
| install-usercss.html | ||
| LICENSE | ||
| manage.html | ||
| manifest.json | ||
| options.html | ||
| package.json | ||
| popup.html | ||
| README.md | ||
Stylus is a fork of Stylish for Chrome, also compatible with Firefox as a WebExtension
Highlights
- In addition to the userstyles.org site, styles with customizable parameters can also be installed from .user.css or .user.styl URLs (see Usercss format wiki).
- Site styles can be discovered and previewed in the popup using inline search with screenshot thumbnails.
- A backup feature which is compatible with other userstyles managers.
- Configurable automatic update function for installed styles.
- Customizable UI, optional layouts, and tweaks.
- Two different optional code validators with user-configurable rules: CSSLint and Stylelint.
- Both validators use Web Worker API to run in a separate background thread inside the editor tab without blocking your interaction with the code.
- CSSLint is heavily modified compared to the effectively frozen original one and supports various CSS3 features as well as CSS4 Color and CSS Grid syntax.
Releases
- Chrome Web Store (or beta)
- Firefox add-ons
- Opera add-ons (see wiki for more recent version)
Screenshots
Help
- Stylus help and FAQ in our Wiki
- Discussion section of our representation on add0n.com
- Discord:
Contributing
The source is hosted on GitHub and pull requests are welcome.
You can help us translate the extension on Transifex.
See our contributing page for more details.
License
Inherited code from the original Stylish:
Copyright © 2005-2014 Jason Barnabe
Current Stylus:
Copyright © 2017-2018 Stylus Team
GNU GPLv3
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 https://www.gnu.org/licenses/.
External libraries
The licenses of external libraries used in this project or modified versions of external libraries can be found in their respective directory.