ui/webui/resources/html/md_select_css.html - Issue 2512393002: ChromeOS OOBE: switch from iron-dropdown to <select>.

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/webui/resources/html/md_select_css.html

Issue 2512393002: ChromeOS OOBE: switch from iron-dropdown to <select>. (Closed)

Patch Set: 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 <link rel="import" href="/settings_vars_css.html">	1 <link rel="import" href="chrome://resources/html/polymer.html">

	2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html ">

2	3

3 <dom-module id="md-select">	4 <dom-module id="md-select">

4 <template>	5 <template>

5 <style>	6 <style>

6 .md-select {	7 .md-select {

7 --md-arrow-width: 0.9em;	8 --md-arrow-width: 0.9em;

8 -webkit-appearance: none;	9 -webkit-appearance: none;

9 /* Ensure that the text does not overlap with the down arrow. */	10 /* Ensure that the text does not overlap with the down arrow. */

10 -webkit-padding-end: calc(var(--md-arrow-width) * 1.8);	11 -webkit-padding-end: calc(var(--md-arrow-width) * 1.8);

11 background: url(images/arrow_down.svg) 97% center no-repeat;	12 background: url(../images/arrow_down.svg) 97% center no-repeat;

12 background-size: var(--md-arrow-width);	13 background-size: var(--md-arrow-width);

13 border-bottom: 1px solid var(--paper-grey-300);	14 border-bottom: 1px solid var(--paper-grey-300);

14 border-left: none;	15 border-left: none;

15 /* Override Mac's default border-radius */	16 /* Override Mac's default border-radius */

16 border-radius: 0;	17 border-radius: 0;

17 border-right: none;	18 border-right: none;

18 border-top: none;	19 border-top: none;

19 color: var(--primary-text-color);	20 color: var(--primary-text-color);

20 cursor: pointer;	21 cursor: pointer;

21 font-family: inherit;	22 font-family: inherit;

(...skipping 31 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
53 transition: transform 200ms ease-out;	54 transition: transform 200ms ease-out;

54 }	55 }

55	56

56 .md-select-wrapper {	57 .md-select-wrapper {

57 display: inline-block;	58 display: inline-block;

58 max-width: 100%;	59 max-width: 100%;

59 }	60 }

60 </style>	61 </style>

61 </template>	62 </template>

62 </dom-module>	63 </dom-module>

OLD	NEW