| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright 2015 The Chromium Authors. All rights reserved. | 2 * Copyright 2015 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 .tabbed-pane-header { | 7 .tabbed-pane-header { |
| 8 background-color: #f3f3f3; | 8 background-color: #f3f3f3; |
| 9 flex: 0 0 24px; | 9 flex: 0 0 27px; |
| 10 } | |
| 11 | |
| 12 :host-context(.material) .tabbed-pane-header { | |
| 13 flex: 0 0 29px; | |
| 14 overflow: visible; | 10 overflow: visible; |
| 15 } | 11 } |
| 16 | 12 |
| 17 :host-context(.material) .tabbed-pane-header-tab { | 13 .tabbed-pane-header-tab { |
| 18 height: 28px; | |
| 19 border: none; | |
| 20 transition: background-color 100ms cubic-bezier(0.4, 0, 0.2, 1); | 14 transition: background-color 100ms cubic-bezier(0.4, 0, 0.2, 1); |
| 21 } | 15 } |
| 22 | 16 |
| 23 .tabbed-pane-header-tab:hover { | 17 .tabbed-pane-header-tab:hover { |
| 24 background-color: rgba(105, 105, 105, 0.1); | 18 background-color: rgba(105, 105, 105, 0.1) !important; |
| 25 } | 19 } |
| 26 | 20 |
| 27 .tabbed-pane-header-tab, | 21 .tabbed-pane-header-tab, |
| 28 .tabbed-pane-header-tab.selected { | 22 .tabbed-pane-header-tab.selected { |
| 29 border: none; | 23 height: 26px; |
| 30 height: 23px; | |
| 31 margin: 0; | 24 margin: 0; |
| 32 background: none; | 25 background: none; |
| 33 border: none; | 26 border: none; |
| 34 padding: 0 6px; | 27 padding: 0 6px; |
| 35 transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1); | 28 transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1); |
| 36 } | 29 } |
| 37 | 30 |
| 38 .tabbed-pane-header-tab { | 31 .tabbed-pane-header-tab { |
| 39 color: #666; | 32 color: #666; |
| 40 } | 33 } |
| 41 | 34 |
| 42 .tabbed-pane-header-tab.selected { | 35 .tabbed-pane-header-tab.selected { |
| 43 color: #333; | 36 color: #333; |
| 44 } | 37 } |
| 45 | |
| 46 :host-context(body.undocked.platform-mac) .tabbed-pane-header { | |
| 47 background-color: rgb(243, 243, 243); | |
| 48 color: #333 !important; | |
| 49 } | |
| OLD | NEW |