Commit graph

33 commits

Author SHA1 Message Date
Raymond Hill
4ee8a5948d
Work toward bringing dark theme closer to a stable release
Related issue:
- https://github.com/uBlockOrigin/uBlock-issues/issues/401
2022-01-30 18:35:26 -05:00
Raymond Hill
e559cb73b9
Complete removal of font-based Fontawesome icons
Related issue:
- https://github.com/uBlockOrigin/uBlock-issues/issues/249
2020-12-06 11:24:04 -05:00
Raymond Hill
51ab3e6c52
Fix misaligned label 2020-08-25 13:46:36 -04:00
Raymond Hill
532ed5c390
Add ability to collpase unchanged rules in _My rules_ pane
Related issue:
- https://github.com/uBlockOrigin/uBlock-issues/issues/604
2020-08-25 13:23:30 -04:00
Raymond Hill
fe94aa331a
Replace CodeMirror resize code with CSS flex 2020-04-25 10:19:08 -04:00
Raymond Hill
d2897db2b6
More fine tuning of user interface
Noteworthy:
- Make new popup panel better resize in desktop
  environment
- Fix button visuals in "My rules" pane
- Keep "Update now" button visible until update
  is completed
- Renaming CSS variables for consistency
2020-04-24 09:33:44 -04:00
Raymond Hill
e917213e81
Sixth pass to re-design the dashboard
Related commits:
- 0662767dd6
- 99b2a0a761
- a8e3118fea
- 453f5450b6
- a45a21f337

This commit focuses on implementing the use of
CSS `var(...)` throughout so as to make it easy
to create themes -- a requirement for uBO to
support a dark theme.

There is still work to do regarding converting
uBO's CSS to completely support `var(...)` but
being able to start using theming will help
complete and fine tune CSS `var(...)` support.

Related issue:
- https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 09:19:58 -04:00
Raymond Hill
99b2a0a761
Fourth pass to re-design the dashboard
Related commits:
- a8e3118fea
- 453f5450b6
- a45a21f337

Roughly, the changes in this commit:
- Make it easier to implement a dark theme eventually:
  - Flatten the look of buttons
  - Remove the use of `opacity` style property as a
    color modifier
- Some work toward removing dependency on FontAwesome
  font
2020-04-10 18:17:12 -04:00
Raymond Hill
a45a21f337
Second pass to re-design the dashboard
Related commit:
- 453f5450b6

The changes in this commit are mostly related
to the "Filter lists" pane.

An eye icon has been added, which purpose is
to view the content of a list. Clicking on the
name of the list will toggle the list's
checkbox.
2020-04-06 14:00:19 -04:00
Raymond Hill
94a43bec0d
fix #3694 2018-04-10 08:08:28 -04:00
Raymond Hill
fce2eaf3c3
further improving UI for small screens 2018-03-28 16:15:50 -04:00
Raymond Hill
f764435812
various changes to enhance UI for mobile devices 2018-03-28 09:11:55 -04:00
Raymond Hill
fca714c12d
code review for 6871d9aed4: mind rtl languages 2018-03-21 09:04:08 -04:00
Raymond Hill
431b40f8e4
code review for 6871d9aed4 2018-03-21 08:42:21 -04:00
Raymond Hill
6871d9aed4
add ability to filter out rules in "My rules" pane 2018-03-21 07:24:52 -04:00
Raymond Hill
31eaa766dc
fix other quirks with rtl languages (#3611) 2018-03-16 19:38:43 -04:00
Raymond Hill
7d110250f3
fix #3611 2018-03-16 18:33:50 -04:00
Raymond Hill
b10ac0020d
make use of CodeMirror in "My rules" pane 2018-03-11 10:59:39 -04:00
gorhill
446d7fad2e fix #2010, #2086 2016-11-05 14:48:42 -04:00
gorhill
55254ae9f7 typo 2015-05-16 16:32:51 -04:00
gorhill
f3613ff462 this addresses #204 2015-05-16 15:45:27 -04:00
Chris
622829cc68 No colors for highlights; just faded and linethrough 2015-02-11 12:42:27 -07:00
Chris
8051b8d604 Highlight differences between temporary and permanent dyna. rules
Screenshots:

* After editing temporary (haven't committed to permanent yet): http://chrisly.me/image/3T2R0e2c1b20

* After committing (so temporary is same as permanenet) : http://chrisly.me/image/2I2l0Z1N1A2b
2015-02-11 12:32:34 -07:00
Chris
fd1390713a CSS cleanup: dynamic rules tab (My rules)
For comparison, before: http://chrisly.me/image/1g01441z0F2c

and after: http://chrisly.me/image/1v160U0P2i07

Also:

* give good class names to some element in dyna-rules.html
* select the ul more generically in dyna-rules.js (since a container was added)
2015-02-11 11:56:48 -07:00
Chris
ae884ca7b8 CSS typo: box-border to border-box 2015-02-11 11:13:04 -07:00
Chris
66772daf0d Prevent wordwrap in dyna-rules textarea 2015-02-11 11:04:27 -07:00
Chris
bbfae01a42 Explain CSS decision 2015-02-11 10:50:30 -07:00
Chris
d5888a2204 Fix dynamic rules textarea CSS 2015-02-11 10:47:59 -07:00
gorhill
043f66f117 this should work for all browsers 2015-02-11 12:03:21 -05:00
gorhill
180285fc5f this works for both Chromium and Firefox 2015-02-11 11:45:01 -05:00
gorhill
44768e8dba #731: UI counterpart 2015-02-11 11:34:51 -05:00
gorhill
cdd1e19464 minor changes 2015-01-18 15:01:50 -05:00
gorhill
3c941f8309 another round of work re dynamic filtering 2014-12-31 17:26:17 -05:00