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

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

Issue 2855273002: Make fixed size scrolling more like other lists. (Closed)
Patch Set: feedback Created 3 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
« no previous file with comments | « chrome/browser/resources/settings/search_engines_page/search_engines_list.js ('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 <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 :host-context([dir=rtl]) button[is='paper-icon-button-light'] { 8 :host-context([dir=rtl]) button[is='paper-icon-button-light'] {
9 transform: scaleX(-1); /* Flip on the X axis (aka mirror). */ 9 transform: scaleX(-1); /* Flip on the X axis (aka mirror). */
10 } 10 }
(...skipping 211 matching lines...) Expand 10 before | Expand all | Expand 10 after
222 222
223 /* This button has no ink ripple. */ 223 /* This button has no ink ripple. */
224 .list-button[is='action-link'] { 224 .list-button[is='action-link'] {
225 align-items: center; 225 align-items: center;
226 display: flex; 226 display: flex;
227 flex: 1; 227 flex: 1;
228 font-weight: 500; 228 font-weight: 500;
229 min-height: inherit; 229 min-height: inherit;
230 } 230 }
231 231
232 .fixed-height-list {
233 max-height: calc((var(--settings-row-min-height) +
234 var(--settings-separator-height)) * 6);
235 overflow-y: auto;
236 }
237
238 /* A row with two lines of text. Often the lower line will be .secondary. 232 /* A row with two lines of text. Often the lower line will be .secondary.
239 */ 233 */
240 .two-line { 234 .two-line {
241 min-height: var(--settings-row-two-line-min-height); 235 min-height: var(--settings-row-two-line-min-height);
242 } 236 }
243 237
244 /* A settings-box is a horizontal row of text or controls within a 238 /* A settings-box is a horizontal row of text or controls within a
245 * setting section (page or subpage). */ 239 * setting section (page or subpage). */
246 .settings-box { 240 .settings-box {
247 align-items: center; 241 align-items: center;
(...skipping 152 matching lines...) Expand 10 before | Expand all | Expand 10 after
400 transform: rotate(-135deg); 394 transform: rotate(-135deg);
401 } 395 }
402 396
403 .column-header { 397 .column-header {
404 color: var(--paper-grey-600); 398 color: var(--paper-grey-600);
405 font-weight: 500; 399 font-weight: 500;
406 } 400 }
407 </style> 401 </style>
408 </template> 402 </template>
409 </dom-module> 403 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/settings/search_engines_page/search_engines_list.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698