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

Side by Side Diff: chrome/browser/resources/settings/settings_shared.css

Issue 1628633002: [MD settings] removing a11y_page.css to unify settings styles further (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: merge with master Created 4 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
« no previous file with comments | « chrome/browser/resources/settings/settings_resources.grd ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright 2015 The Chromium Authors. All rights reserved. 1 /* Copyright 2015 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 /** 5 /**
6 * @fileoverview 6 * @fileoverview
7 * Common styles for Material Design settings. 7 * Common styles for Material Design settings.
8 */ 8 */
9 9
10 h2 { 10 h2 {
11 color: #9e9e9e; 11 color: #9e9e9e;
12 font-size: 100%; 12 font-size: 100%;
13 font-weight: normal; 13 font-weight: normal;
14 margin-bottom: 20px; 14 margin-bottom: 20px;
15 margin-top: 30px; 15 margin-top: 30px;
16 } 16 }
17 17
18
19 iron-icon { 18 iron-icon {
20 color: #969696; 19 color: #969696;
21 } 20 }
22 21
23 paper-button { 22 paper-button {
24 margin: 0; 23 margin: 0;
25 min-width: auto; 24 min-width: auto;
26 } 25 }
27 26
28 paper-button[toggles][active] { 27 paper-button[toggles][active] {
29 background-color: LightGray; 28 background-color: LightGray;
30 } 29 }
31 30
31 span ~ a {
32 -webkit-margin-start: 4px;
33 }
34
32 .text-elide { 35 .text-elide {
33 overflow: hidden; 36 overflow: hidden;
34 text-overflow: ellipsis; 37 text-overflow: ellipsis;
35 white-space: nowrap; 38 white-space: nowrap;
36 } 39 }
37 40
38 .button-row { 41 .button-row {
39 display: flex; 42 display: flex;
40 margin-top: 25px; 43 margin-top: 25px;
41 } 44 }
42 45
43 .button-strip { 46 .button-strip {
44 text-align: end; 47 text-align: end;
45 } 48 }
46 49
47 .list-frame { 50 .list-frame {
48 @apply(--layout-center); 51 @apply(--layout-center);
49 display: block; 52 display: block;
50 margin-left: 48px; 53 margin-left: 48px;
51 padding: 0; 54 padding: 0;
52 } 55 }
53 56
57 .list-frame select {
58 -webkit-margin-start: 4px;
59 }
60
54 .list-item { 61 .list-item {
55 @apply(--layout-center); 62 @apply(--layout-center);
56 border-top: 1px solid #e0e0e0;
57 display: flex; 63 display: flex;
58 padding: 0; 64 padding: 0;
59 } 65 }
60 66
61 .list-item:first-of-type {
62 border-top: none;
63 }
64
65 .list-item .middle { 67 .list-item .middle {
66 flex: 1; 68 flex: 1;
67 margin: 8px 12px; 69 margin: 8px 12px;
68 overflow: hidden; 70 overflow: hidden;
69 white-space: nowrap; 71 white-space: nowrap;
70 } 72 }
71 73
72 .list-item .secondary { 74 .list-item .secondary {
73 color: #969696; 75 color: #969696;
74 } 76 }
(...skipping 12 matching lines...) Expand all
87 } 89 }
88 90
89 .settings-box { 91 .settings-box {
90 @apply(--layout-center); 92 @apply(--layout-center);
91 border-top: 1px solid #e0e0e0; 93 border-top: 1px solid #e0e0e0;
92 display: block; 94 display: block;
93 min-height: 40px; 95 min-height: 40px;
94 padding: 8px 16px; 96 padding: 8px 16px;
95 } 97 }
96 98
97 .settings-box .two-line { 99 .settings-box.first {
100 border-top: none;
101 }
102
103 .settings-box.row {
104 display: flex;
105 }
106
107 .settings-box.two-line {
98 min-height: 52px; 108 min-height: 52px;
99 } 109 }
100 110
101 .settings-box:first-of-type {
102 border-top: none;
103 }
104
105 .settings-box .secondary { 111 .settings-box .secondary {
106 color: #969696; 112 color: #969696;
107 } 113 }
108 114
109 .split { 115 .split {
110 display: flex; 116 display: flex;
111 } 117 }
112 118
113 .split .start { 119 .split .start {
114 flex: auto; 120 flex: auto;
115 } 121 }
116 122
117 .settings-box paper-item iron-icon { 123 .settings-box paper-item iron-icon {
118 /* Same padding as paper-icon-button. */ 124 /* Same padding as paper-icon-button. */
119 padding: 8px; 125 padding: 8px;
120 } 126 }
127
128 .vertical-list > div:first-of-type {
129 border-top: none;
130 }
131
132 .vertical-list > div {
133 border-top: 1px solid #e0e0e0;
134 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/settings/settings_resources.grd ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698