Go to file
narcolepticinsomniac a185b6b182
Another popup mockup (#271)
* Another popup mockup

This is a fraction of what I want to do with the popup, but these are improvements that can be made to the existing version without a complete overhaul. Should be no difference appearance-wise, only some simple enhancements to existing functionality in terms of click area and stylability. 

Eliminates ill-conceived `.left-gutter` altogether. Checkboxes and labels are now either parent/child or siblings, with no weird spaces between them, and their hovers can therefore be styled together. `entry` checkbox/label `.style-name` now occupies the entire height/width of the `.entry` to the left of the `.actions` icons, so no more errant clicks.

* Another popup mockup

* Delete popup.css

* Another popup mockup

* Custom checkboxes

* Custom checkboxes

* Subtlety

>an animated checkbox needlessly draws attention to itself

But... I feel the need. Drawing attention to the checkbox is intentional to indicate click action.

>In case the entire row is highlighted there will be no distraction

Clickable area isn't the entire row, it's everything left of action icons. Hovering background on part of the row will look odd, and it's also a less obvious indicator of click action IMO.

Didn't change "disable all" yet. It's a special kinda function, so maybe slightly more drastic is warranted, but I can tone that down too.
2017-12-02 18:55:23 -05:00
_locales popup: show hotkey info upon clicking the area on the right 2017-12-02 04:07:09 +03:00
.github Shorten "new issue" intro and move it after the details we need 2017-09-02 21:23:04 +03:00
background circumvent the bug with disabling check marks in Chrome 62+ 2017-12-02 16:13:40 +03:00
content show "Style installed" in manager for styles added while it's open 2017-12-02 07:07:12 +03:00
edit editor: raise highlight limit from 10k to 100k chars in one line 2017-12-03 02:02:22 +03:00
images option to switch toolbar icon sets 2017-07-09 12:22:44 +03:00
install-usercss code refactor: add $.remove() and $$.remove() 2017-12-02 19:54:54 +03:00
js replace 'about:blank' tabs in openURL() 2017-12-03 02:44:20 +03:00
manage FF: workaround for vertical-align bug on usercss-docs svg icon 2017-12-02 19:39:20 +03:00
msgbox worker for stylelint; hints in linter config popup 2017-11-28 20:07:37 +03:00
options FF options: match the default FF theme color 2017-11-26 14:25:46 +03:00
popup Another popup mockup (#271) 2017-12-02 18:55:23 -05:00
tools Adjust pull_locales paths 2017-07-13 19:50:24 -05:00
vendor CodeMirror 5.32 2017-11-24 13:19:20 +03:00
vendor-overwrites fixup 2e03c9c9: the element should be in DOM before reposition() 2017-12-02 17:18:58 +03:00
.editorconfig Don't enforce non-native end_of_line in editorconfig 2017-04-18 12:43:30 +03:00
.eslintignore fix/rewrite/integrate colorpicker 2017-11-20 15:19:58 +03:00
.eslintrc sendMessage() 2017-11-25 18:00:38 +03:00
.gitignore Update locales from Transifex 2015-03-26 13:28:50 -05:00
COPYING issue 79 Add licence 2013-01-14 18:21:00 -06:00
edit.html de-htmlize showKeymapHelp 2017-12-03 00:20:42 +03:00
install-usercss.html Install usercss (#269) 2017-12-02 02:43:01 +03:00
manage.html FF: fix transition-bug-suppressor condition 2017-12-02 19:38:03 +03:00
manifest.json bump version to 1.1.6.3 2017-11-25 20:24:50 +03:00
options.html FF: fix transition-bug-suppressor condition 2017-12-02 19:38:03 +03:00
popup.html Another popup mockup (#271) 2017-12-02 18:55:23 -05:00
README.md Add Discord chat badge 2017-11-23 13:33:59 +03:00

Stylus is a fork of Stylish for Chrome, also compatible with Firefox as a WebExtension

Releases

  1. Chrome Web Store
  2. Opera add-ons
  3. Firefox add-ons

Screen shot

screen shot

Help

Discord

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/.