Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(86)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css

Issue 2671203002: DevTools: Added ARIA roles & states to treeoutline (Closed)
Patch Set: updated Layout tests with expected ARIA attributes Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 /* 1 /*
2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. 2 * Copyright (c) 2014 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 4 * found in the LICENSE file.
5 */ 5 */
6 6
7 .elements-disclosure { 7 .elements-disclosure {
8 width: 100%; 8 width: 100%;
9 display: inline-block; 9 display: inline-block;
10 line-height: normal; 10 line-height: normal;
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
42 } 42 }
43 43
44 .elements-disclosure li.parent::before { 44 .elements-disclosure li.parent::before {
45 box-sizing: border-box; 45 box-sizing: border-box;
46 } 46 }
47 47
48 .elements-disclosure li.parent::before { 48 .elements-disclosure li.parent::before {
49 -webkit-user-select: none; 49 -webkit-user-select: none;
50 -webkit-mask-image: url(Images/treeoutlineTriangles.png); 50 -webkit-mask-image: url(Images/treeoutlineTriangles.png);
51 -webkit-mask-size: 32px 24px; 51 -webkit-mask-size: 32px 24px;
52 content: "aa"; 52 content: '\00a0\00a0';
53 color: transparent; 53 color: transparent;
54 text-shadow: none; 54 text-shadow: none;
55 margin-right: -3px; 55 margin-right: -3px;
56 } 56 }
57 57
58 .elements-disclosure li.always-parent::before { 58 .elements-disclosure li.always-parent::before {
59 visibility: hidden; 59 visibility: hidden;
60 } 60 }
61 61
62 @media (-webkit-min-device-pixel-ratio: 1.1) { 62 @media (-webkit-min-device-pixel-ratio: 1.1) {
(...skipping 293 matching lines...) Expand 10 before | Expand all | Expand 10 after
356 border-color: hsla(0,0%,0%,0.1); 356 border-color: hsla(0,0%,0%,0.1);
357 } 357 }
358 358
359 .elements-tree-outline ol.shadow-root { 359 .elements-tree-outline ol.shadow-root {
360 border-color: hsla(0,0%,80%,1); 360 border-color: hsla(0,0%,80%,1);
361 } 361 }
362 362
363 li.selected:not(.always-parent) + ol.children { 363 li.selected:not(.always-parent) + ol.children {
364 border-color: hsla(216,68%,80%,1) !important; 364 border-color: hsla(216,68%,80%,1) !important;
365 } 365 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698