Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 :host { | 5 :host { |
| 6 align-items: center; | 6 align-items: center; |
| 7 background: var(--md-toolbar-color); | 7 background: var(--md-toolbar-color); |
| 8 color: white; | 8 color: white; |
| 9 content-sizing: padding-box; | 9 content-sizing: padding-box; |
| 10 display: flex; | 10 display: flex; |
| (...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 76 }; | 76 }; |
| 77 } | 77 } |
| 78 | 78 |
| 79 #more { | 79 #more { |
| 80 --paper-menu-button: { | 80 --paper-menu-button: { |
| 81 padding: 0; | 81 padding: 0; |
| 82 }; | 82 }; |
| 83 -webkit-margin-start: 16px; | 83 -webkit-margin-start: 16px; |
| 84 } | 84 } |
| 85 | 85 |
| 86 :host { | |
| 87 /* Applies to <paper-item>, hell if I know why it has to be here. */ | |
|
groby-ooo-7-16
2016/07/19 17:44:39
That doesn't scare me at all. Nu-uh.
| |
| 88 --dark-divider-opacity: 0; | |
| 89 } | |
| 90 | |
| 86 paper-item { | 91 paper-item { |
| 92 --paper-item-focused: { | |
| 93 background: none; | |
| 94 text-decoration: underline; | |
| 95 }; | |
| 87 -webkit-user-select: none; | 96 -webkit-user-select: none; |
| 88 cursor: pointer; | 97 cursor: pointer; |
| 89 font: inherit; | 98 font: inherit; |
| 90 min-height: 40px; | 99 min-height: 40px; |
| 91 } | 100 } |
| 92 | 101 |
| 93 paper-item:hover { | 102 paper-item:hover { |
| 94 background: #eaeaea; /* TODO(dbeam): real color? */ | 103 background: #eaeaea; /* TODO(dbeam): real color? */ |
| 95 } | 104 } |
| 96 | 105 |
| 97 @media not all and (max-width: 1024px) { | 106 @media not all and (max-width: 1024px) { |
| 98 /* Hide vertical dot menu when there's enough room for #actions. */ | 107 /* Hide vertical dot menu when there's enough room for #actions. */ |
| 99 paper-menu-button { | 108 paper-menu-button { |
| 100 display: none; | 109 display: none; |
| 101 } | 110 } |
| 102 } | 111 } |
| 103 | 112 |
| 104 @media all and (max-width: 1024px) { | 113 @media all and (max-width: 1024px) { |
| 105 /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */ | 114 /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */ |
| 106 #actions { | 115 #actions { |
| 107 display: none; | 116 display: none; |
| 108 } | 117 } |
| 109 } | 118 } |
| OLD | NEW |