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

Side by Side Diff: ui/webui/resources/cr_elements/shared_style_css.html

Issue 2256753003: MD Settings: Introduce CrScrollableBehavior (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@issue_638377_selectable_behavior
Patch Set: . Created 4 years, 4 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/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> 2 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
3 3
4 <!-- Common styles for Material Design WebUI. Included directly in 4 <!-- Common styles for Material Design WebUI. Included directly in
5 settings_shared_css.html. --> 5 settings_shared_css.html. -->
6 <dom-module id="cr-shared-style"> 6 <dom-module id="cr-shared-style">
7 <template> 7 <template>
8 <style> 8 <style>
9 .action-button { 9 .action-button {
10 background: var(--google-blue-500); 10 background: var(--google-blue-500);
(...skipping 15 matching lines...) Expand all
26 26
27 .action-button, 27 .action-button,
28 .cancel-button { 28 .cancel-button {
29 font-weight: 500; 29 font-weight: 500;
30 } 30 }
31 31
32 [actionable] { 32 [actionable] {
33 @apply(--cr-actionable); 33 @apply(--cr-actionable);
34 } 34 }
35 35
36 [scrollable] {
37 border-color: transparent;
38 border-style: solid;
39 border-width: 1px 0;
40 overflow-y: auto;
41 }
42 [scrollable].is-scrolled {
43 border-top-color: var(--google-grey-300);
44 }
45 [scrollable].can-scroll:not(.scrolled-to-bottom) {
46 border-bottom-color: var(--google-grey-300);
47 }
48 [scrollable] :focus {
49 @apply(--cr-list-item-focus);
50 @apply(--cr-selectable-focus);
51 }
52 [scrollable] iron-list > * {
53 @apply(--cr-actionable);
54 }
55
36 [selectable] :focus { 56 [selectable] :focus {
37 @apply(--cr-selectable-focus); 57 @apply(--cr-selectable-focus);
38 } 58 }
39 [selectable] > * { 59 [selectable] > * {
40 @apply(--cr-actionable); 60 @apply(--cr-actionable);
41 } 61 }
42 </style> 62 </style>
43 </template> 63 </template>
44 </dom-module> 64 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698