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

Side by Side Diff: Source/devtools/front_end/components/inspectorViewTabbedPane.css

Issue 1169323004: DevTools: do not respect Chrome theme in DevTools, align toolbar items. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: overflow for tab header fixed. Created 5 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 | Annotate | Revision Log
OLDNEW
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: #eee; 8 background-color: #f3f3f3;
9 flex: 0 0 24px; 9 flex: 0 0 24px;
10 } 10 }
11 11
12 :host-context(.material) .tabbed-pane-header { 12 :host-context(.material) .tabbed-pane-header {
13 flex: 0 0 29px; 13 flex: 0 0 29px;
14 overflow: visible; 14 overflow: visible;
15 } 15 }
16 16
17 .tabbed-pane-header-tab { 17 .tabbed-pane-header-tab {
18 height: 23px; 18 height: 23px;
19 } 19 }
20 20
21 :host-context(.material) .tabbed-pane-header-tab { 21 :host-context(.material) .tabbed-pane-header-tab {
22 height: 28px; 22 height: 28px;
23 border: none; 23 border: none;
24 transition: background-color 100ms cubic-bezier(0.4, 0, 0.2, 1); 24 transition: background-color 100ms cubic-bezier(0.4, 0, 0.2, 1);
25 } 25 }
26 26
27 :host-context(.material) .tabbed-pane-header-tab:hover { 27 .tabbed-pane-header-tab:hover {
28 background-color: rgba(105, 105, 105, 0.1); 28 background-color: rgba(105, 105, 105, 0.1);
29 } 29 }
30 30
31 .tabbed-pane-header-tab, 31 .tabbed-pane-header-tab,
32 .tabbed-pane-header-tab.selected { 32 .tabbed-pane-header-tab.selected {
33 border-width: 0 2px 0 2px; 33 border-width: 0 2px 0 2px;
34 background: none; 34 background: none;
35 margin: 0; 35 margin: 0;
36 padding: 0 3px; 36 padding: 0 3px;
37 } 37 }
38 38
39 :host-context(.material) .tabbed-pane-header-tab, 39 .tabbed-pane-header-tab,
40 :host-context(.material) .tabbed-pane-header-tab.selected { 40 .tabbed-pane-header-tab.selected {
41 border: none;
41 padding: 0 6px; 42 padding: 0 6px;
42 transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1); 43 transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
43 } 44 }
44 45
45 :host-context(.material) .tabbed-pane-header-tab.selected {
46 border: none;
47 background-color: rgba(105, 105, 105, 0.1);
48 }
49
50 .tabbed-pane-header-tab.selected {
51 border-width: 0 2px 0 2px;
52 -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2;
53 }
54
55 :host-context(.platform-windows) .tabbed-pane-header,
56 :host-context(.platform-windows.inactive) .tabbed-pane-header {
57 background-image: none;
58 }
59
60 :host-context(body.undocked.platform-mac) .tabbed-pane-header { 46 :host-context(body.undocked.platform-mac) .tabbed-pane-header {
61 background-image: linear-gradient(to bottom, rgb(208, 208, 208), rgb(200, 20 0, 200)) !important; 47 background-color: rgb(243, 243, 243);
62 color: #333 !important; 48 color: #333 !important;
63 } 49 }
64
65 :host-context(body.undocked.platform-mac.inactive) .tabbed-pane-header {
66 background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(224, 22 4, 224)) !important;
67 color: #555 !important;
68 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/components/InspectorView.js ('k') | Source/devtools/front_end/devtools.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698