Unified Diff: skin/options.css
Issue 29332808:
Issue 2408 - Improved accessibility of checkboxes in options page (Closed)
Patch Set: Reverted styles for Advanced tab
Created Jan. 25, 2016, 6:02 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« options.js ('k')
|
no next file »
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: skin/options.css |
| =================================================================== |
| --- a/skin/options.css |
| +++ b/skin/options.css |
| @@ -92,6 +92,25 @@ |
| box-sizing: border-box; |
| } |
| +button[role="checkbox"] |
| +{ |
| + vertical-align: top; |
| + width: 18px; |
| + height: 18px; |
| + margin-top: 0px; |
| + -moz-margin-end: 20px; |
| + -webkit-margin-end: 20px; |
| + padding: 0px; |
| + border: none; |
| + background-color: transparent; |
| + background-position: -51px 0px; |
| +} |
| + |
| +button[role="checkbox"][aria-checked="true"] |
| +{ |
| + background-position: -68px 0px; |
| +} |
| + |
| .option-name |
| { |
| display: flex; |
| @@ -269,7 +288,7 @@ |
| border-top: none; |
| } |
| -#tab-content |
| +#content |
| { |
| background-color: #FFFFFF; |
| border: 1px solid #CDCDCD; |
| @@ -279,7 +298,7 @@ |
| padding: 0px 60px 40px 60px; |
| } |
| -#tab-content h1 |
| +#content h1 |
| { |
| border-bottom: 1px solid #CDCDCD; |
| margin: 0px; |
| @@ -474,7 +493,7 @@ |
| padding-bottom: 10px; |
| } |
| -.icon, .table input[type="checkbox"]::before, .table button.delete, |
| +.icon, .table button[role="checkbox"], .table button.delete, |
| #content-help a::before, #dialog-close::before, |
| #custom-filters-add button::after, |
| #dialog-body button::before |
« no previous file with comments
|
« options.js ('k')
|
no next file »
|
no next file with comments »
