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

Side by Side Diff: chrome/browser/resources/settings/settings_shared_css.html

Issue 2721333007: [MD settings] edlide content exceptions (Closed)
Patch Set: elide secondary line as well Created 3 years, 9 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
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
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698