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

Side by Side Diff: chrome/browser/resources/chromeos/emulator/shared_styles.html

Issue 1999593002: Update chrome://device-emulator with newer Polymer guidelines (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: narrow mode drawer + webui safety Created 4 years, 7 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
(Empty)
1 <link rel="import" href="chrome://resources/html/polymer.html">
2
3 <dom-module id="device-emulator-shared-styles">
4 <template>
5 <style>
6 paper-input {
7 display: inline-block;
8 margin: 0 15px;
9 width: 200px;
10 }
11
12 #editModal paper-checkbox {
13 -webkit-margin-start: 15px;
14 }
15
16 paper-dialog {
17 height: 90%;
18 overflow-y: scroll;
19 width: 40%;
20 }
21
22 paper-radio-button {
23 display: inline-block;
24 }
25
26 .element-label {
27 -webkit-padding-start: 0;
28 color: rgb(82, 101, 162);
29 display: block;
30 font-size: 24px;
31 font-weight: normal;
32 height: 80px;
33 letter-spacing: 0.05em;
34 line-height: 80px;
35 }
36
37 .form-label {
38 display: block;
39 }
40
41 .form-field-section {
42 margin-top: 30px;
43 }
44
45 .form-field-section:first-of-type {
46 margin-top: 0;
47 }
48
49 .icon-cell {
50 text-align: center;
51 width: 45%;
52 }
53
54 .icon-cell paper-icon-button {
55 color: rgb(82, 101, 162);
56 }
57
58 .devices-table {
59 border-collapse: collapse;
60 padding: 20px 0;
61 }
62
63 .devices-table paper-icon-button[disabled] {
64 color: rgb(150, 194, 244);
65 }
66
67 .devices-table.custom {
68 margin-top: 40px;
69 }
70
71 .devices-table .icon-cell {
72 width: 45%;
73 }
74
75 .devices-table .center-cell-label {
76 text-align: center;
77 }
78
79 .devices-table .control-cell {
80 text-align: center;
81 }
82
83 .devices-table td {
84 padding: 10px;
85 }
86
87 .devices-table td.centered-cell-label {
88 text-align: center;
89 }
90
91 .bold {
92 font-weight: bold;
93 }
94
95 .devices-table tr.table-section-header {
96 font-weight: bold;
97 }
98
99 .devices-table tbody:first-of-type::before {
100 height: 0;
101 }
102
103 .devices-table tbody:last-of-type::before {
104 content: '';
105 display: block;
106 height: 30px;
107 }
108
109 .devices-table tbody tr {
110 border-bottom: 1px solid #dadada;
111 }
112
113 .devices-table tbody tr:last-of-type {
114 border-bottom: 0;
115 }
116
117 .add-device-container {
118 margin: 15px;
119 text-align: right;
120 }
121
122 .add-device-container paper-button {
123 color: rgb(82, 101, 162);
124 width: 200px;
125 }
126 </style>
127 </template>
128 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698