ui/file_manager/audio_player/elements/repeat_button.css - Issue 2491213002: Make the repeat button accessible by keyboard.

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: ui/file_manager/audio_player/elements/repeat_button.css

Issue 2491213002: Make the repeat button accessible by keyboard. (Closed)

Patch Set: Fix duplicated ripple effect. Created 4 years, 1 month 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 /* Copyright 2016 The Chromium Authors. All rights reserved.	1 /* Copyright 2016 The Chromium Authors. All rights reserved.

2 * Use of this source code is governed by a BSD-style license that can be	2 * Use of this source code is governed by a BSD-style license that can be

3 * found in the LICENSE file. */	3 * found in the LICENSE file. */

4	4

5 :host {	5 [repeat-mode=repeat-all], [repeat-mode=no-repeat] {
	fukino 2016/11/10 09:28:32 files-icon-button { } will work. files-icon-button { } will work.
6 border-radius: 2px;

7 cursor: pointer;

8 display: inline-block;

9 height: 32px;

10 outline: none;

11 position: relative;

12 width: 32px;

13 }

14

15 .repeat-all, .no-repeat {

16 background-image: -webkit-image-set(	6 background-image: -webkit-image-set(

17 url(../assets/100/player_button_repeat.png) 1x,	7 url(../assets/100/player_button_repeat.png) 1x,

18 url(../assets/200/player_button_repeat.png) 2x);	8 url(../assets/200/player_button_repeat.png) 2x);

19 }	9 }

20	10

21 .repeat-one {	11 [repeat-mode=repeat-one] {
	fukino 2016/11/10 09:28:32 :host[repeat-mode='repeat-one'] files-icon-button :host[repeat-mode='repeat-one'] files-icon-button { } will work.
22 background-image: -webkit-image-set(	12 background-image: -webkit-image-set(

23 url(../assets/100/player_button_repeat_one.png) 1x,	13 url(../assets/100/player_button_repeat_one.png) 1x,

24 url(../assets/200/player_button_repeat_one.png) 2x);	14 url(../assets/200/player_button_repeat_one.png) 2x);

25 }	15 }

26

27 files-toggle-ripple {

28 background-position: center;

29 background-repeat: no-repeat;

30 height: 28px;

31 left: 2px;

32 pointer-events: none;

33 position: absolute;

34 top: 2px;

35 width: 28px;

36 }

OLD	NEW

« no previous file with comments | « no previous file | ui/file_manager/audio_player/elements/repeat_button.html » ('j') | ui/file_manager/audio_player/elements/repeat_button.html » ('J')