| OLD | NEW |
| 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 Loading... |
| 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 } |
| OLD | NEW |