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

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

Issue 1176343002: DevTools: make toolbar button click targets square (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: review comments addressed 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
« no previous file with comments | « no previous file | Source/devtools/front_end/elements/ElementsPanel.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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: #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 }
OLDNEW
« no previous file with comments | « no previous file | Source/devtools/front_end/elements/ElementsPanel.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698