Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
| 2 <link rel="import" href="settings_vars_css.html"> | 2 <link rel="import" href="settings_vars_css.html"> |
| 3 | 3 |
| 4 <!-- Common styles for Material Design settings. --> | 4 <!-- Common styles for Material Design settings. --> |
| 5 <dom-module id="settings-shared"> | 5 <dom-module id="settings-shared"> |
| 6 <template> | 6 <template> |
| 7 <style include="cr-shared-style"> | 7 <style include="cr-shared-style"> |
| 8 /* Included here so we don't have to include "iron-positioning" in every | 8 /* Included here so we don't have to include "iron-positioning" in every |
| 9 * stylesheet. See crbug.com/498405. */ | 9 * stylesheet. See crbug.com/498405. */ |
| 10 [hidden] { | 10 [hidden] { |
| (...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 131 -webkit-margin-start: 2px; | 131 -webkit-margin-start: 2px; |
| 132 align-items: center; | 132 align-items: center; |
| 133 display: flex; | 133 display: flex; |
| 134 min-height: var(--settings-row-min-height); | 134 min-height: var(--settings-row-min-height); |
| 135 } | 135 } |
| 136 | 136 |
| 137 paper-radio-group { | 137 paper-radio-group { |
| 138 width: 100%; | 138 width: 100%; |
| 139 } | 139 } |
| 140 | 140 |
| 141 /* See also: .no-min-width below. */ | |
|
dschuyler
2017/03/02 01:27:01
Yeah, it's right below this, but well, I didn't se
tommycli
2017/03/02 16:36:02
Acknowledged.
| |
| 141 .text-elide { | 142 .text-elide { |
| 142 @apply(--settings-text-elide); | 143 @apply(--settings-text-elide); |
| 143 } | 144 } |
| 144 | 145 |
| 145 /** | 146 /* By default, flexbox children have min-width calculated to be the width |
| 146 * By default, flexbox children have min-width calculated to be the width | |
| 147 * of the content. However, in some cases we might want to allow the | 147 * of the content. However, in some cases we might want to allow the |
| 148 * width to be smaller than the content (i.e. for long text to ellipsis). | 148 * width to be smaller than the content (i.e. for long text to ellipsis). |
| 149 * In such cases this class should be applied. | 149 * In such cases this class should be applied. |
| 150 * (See: https://bugzilla.mozilla.org/show_bug.cgi?id=1108514#c5) | 150 * (See: https://bugzilla.mozilla.org/show_bug.cgi?id=1108514#c5) */ |
| 151 */ | |
| 152 .no-min-width { | 151 .no-min-width { |
| 153 min-width: 0; | 152 min-width: 0; |
| 154 } | 153 } |
| 155 | 154 |
| 156 .button-strip { | 155 .button-strip { |
| 157 text-align: end; | 156 text-align: end; |
| 158 } | 157 } |
| 159 | 158 |
| 160 .header-aligned-button { | 159 .header-aligned-button { |
| 161 margin-top: 12px; /* Align paper-button with <h2>. */ | 160 margin-top: 12px; /* Align paper-button with <h2>. */ |
| (...skipping 202 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 364 /* Turns the arrow direction downwards, when the bubble is placed above | 363 /* Turns the arrow direction downwards, when the bubble is placed above |
| 365 * the anchor element */ | 364 * the anchor element */ |
| 366 .search-bubble-innards.above::after { | 365 .search-bubble-innards.above::after { |
| 367 bottom: -5px; | 366 bottom: -5px; |
| 368 top: auto; | 367 top: auto; |
| 369 transform: rotate(-135deg); | 368 transform: rotate(-135deg); |
| 370 } | 369 } |
| 371 </style> | 370 </style> |
| 372 </template> | 371 </template> |
| 373 </dom-module> | 372 </dom-module> |
| OLD | NEW |