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

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

Issue 2587913007: MD Settings: cr-slider: Make display consistent and clean up. (Closed)
Patch Set: Feedback Created 4 years 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 337 matching lines...) Expand 10 before | Expand all | Expand 10 after
348 border-top: var(--settings-separator-line); 348 border-top: var(--settings-separator-line);
349 } 349 }
350 350
351 .settings-checkbox-spacer { 351 .settings-checkbox-spacer {
352 -webkit-margin-start: calc( 352 -webkit-margin-start: calc(
353 var(--checkbox-margin-start) + 353 var(--checkbox-margin-start) +
354 var(--checkbox-size) + 354 var(--checkbox-size) +
355 var(--checkbox-spacing)); 355 var(--checkbox-spacing));
356 } 356 }
357 357
358 /* Keep the slider color consistent throughout the range. */
359 cr-slider.always-on {
360 --paper-slider-knob-start-border-color: var(--google-blue-700);
361 --paper-slider-knob-start-color: var(--google-blue-700);
362 --paper-slider-pin-start-color: var(--google-blue-700);
363 }
364
365 .favicon-image { 358 .favicon-image {
366 background-repeat: no-repeat; 359 background-repeat: no-repeat;
367 background-size: contain; 360 background-size: contain;
368 height: 16px; 361 height: 16px;
369 width: 16px; 362 width: 16px;
370 } 363 }
371 364
372 .search-bubble { 365 .search-bubble {
373 position: absolute; 366 position: absolute;
374 z-index: 1; 367 z-index: 1;
(...skipping 24 matching lines...) Expand all
399 /* Turns the arrow direction downwards, when the bubble is placed above 392 /* Turns the arrow direction downwards, when the bubble is placed above
400 * the anchor element */ 393 * the anchor element */
401 .search-bubble-innards.above::after { 394 .search-bubble-innards.above::after {
402 -webkit-transform: rotate(-135deg); 395 -webkit-transform: rotate(-135deg);
403 bottom: -5px; 396 bottom: -5px;
404 top: auto; 397 top: auto;
405 } 398 }
406 </style> 399 </style>
407 </template> 400 </template>
408 </dom-module> 401 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698