third_party/WebKit/Source/devtools/front_end/ui/radioButton.css - Issue 2650213005: DevTools: Move radio button input element into Shadow DOM

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/radioButton.css

Issue 2650213005: DevTools: Move radio button input element into Shadow DOM (Closed)

Patch Set: Created 3 years, 11 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

OLD	NEW
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 ::content .dt-radio-button {	7 .dt-radio-button {

8 height: 17px;	8 height: 17px;

9 width: 17px;	9 width: 17px;

10 min-width: 17px;	10 min-width: 17px;

11 border: 1px solid rgb(165, 165, 165);	11 border: 1px solid rgb(165, 165, 165);

12 background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 22 3, 223));	12 background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 22 3, 223));

13 border-radius: 8px;	13 border-radius: 8px;

14 -webkit-appearance: none;	14 -webkit-appearance: none;

15 vertical-align: middle;	15 vertical-align: middle;

16 margin: 0 5px 5px 0;	16 margin: 0 5px 5px 0;

17 }	17 }

18	18

19 ::content .dt-radio-button:active:not(:disabled) {	19 .dt-radio-button:active:not(:disabled) {

20 background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 23 9, 239));	20 background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 23 9, 239));

21 }	21 }

22	22

23 ::content .dt-radio-button:checked {	23 .dt-radio-button:checked {

24 background: url(Images/radioDot.png) center no-repeat,	24 background: url(Images/radioDot.png) center no-repeat,

25 linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223 ));	25 linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223 ));

26 }	26 }

27	27

28 ::content .dt-radio-button:checked:active {	28 .dt-radio-button:checked:active {

29 background: url(Images/radioDot.png) center no-repeat,	29 background: url(Images/radioDot.png) center no-repeat,

30 linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239 ));	30 linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239 ));

31 }	31 }

OLD	NEW