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

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

Issue 2918993004: Settings: Do not apply cr-actionable to scrollable items (Closed)
Patch Set: Created 3 years, 6 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/bluetooth_page/bluetooth_subpage.html ('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/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 <link rel="import" href="hidden_style_css.html"> 3 <link rel="import" href="hidden_style_css.html">
4 4
5 <!-- Common styles for Material Design WebUI. Included directly in 5 <!-- Common styles for Material Design WebUI. Included directly in
6 settings_shared_css.html. --> 6 settings_shared_css.html. -->
7 <dom-module id="cr-shared-style"> 7 <dom-module id="cr-shared-style">
8 <template> 8 <template>
9 <style include="cr-hidden-style"> 9 <style include="cr-hidden-style">
10 :host-context([dir=rtl]) button[is='paper-icon-button-light'] { 10 :host-context([dir=rtl]) button[is='paper-icon-button-light'] {
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after
95 border-style: solid; 95 border-style: solid;
96 border-width: 1px 0; 96 border-width: 1px 0;
97 overflow-y: auto; 97 overflow-y: auto;
98 } 98 }
99 [scrollable].is-scrolled { 99 [scrollable].is-scrolled {
100 border-top-color: var(--google-grey-300); 100 border-top-color: var(--google-grey-300);
101 } 101 }
102 [scrollable].can-scroll:not(.scrolled-to-bottom) { 102 [scrollable].can-scroll:not(.scrolled-to-bottom) {
103 border-bottom-color: var(--google-grey-300); 103 border-bottom-color: var(--google-grey-300);
104 } 104 }
105 [scrollable] iron-list > * {
106 @apply(--cr-actionable);
107 }
108 [scrollable] iron-list > :not(.no-outline):focus { 105 [scrollable] iron-list > :not(.no-outline):focus {
109 @apply(--cr-list-item-focus); 106 @apply(--cr-list-item-focus);
110 @apply(--cr-selectable-focus); 107 @apply(--cr-selectable-focus);
111 } 108 }
112 109
113 .scroll-container { 110 .scroll-container {
114 display: flex; 111 display: flex;
115 flex-direction: column; 112 flex-direction: column;
116 min-height: 1px; 113 min-height: 1px;
117 } 114 }
118 115
119 [selectable]:focus, 116 [selectable]:focus,
120 [selectable] > :focus { 117 [selectable] > :focus {
121 @apply(--cr-selectable-focus); 118 @apply(--cr-selectable-focus);
122 } 119 }
123 [selectable] > * { 120 [selectable] > * {
124 @apply(--cr-actionable); 121 @apply(--cr-actionable);
125 } 122 }
126 </style> 123 </style>
127 </template> 124 </template>
128 </dom-module> 125 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/settings/bluetooth_page/bluetooth_subpage.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698