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: Source/devtools/front_end/components/inspectorViewTabbedPane.css

Issue 1202933003: DevTools: bring back existing panel selection rendering (border image) (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: 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
« no previous file with comments | « Source/devtools/front_end/components/InspectorView.js ('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 /* 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 27px; 9 flex: 0 0 27px;
10 overflow: visible; 10 overflow: visible;
11 } 11 }
12 12
13 .tabbed-pane-header-tab {
14 transition: background-color 100ms cubic-bezier(0.4, 0, 0.2, 1);
15 }
16
17 .tabbed-pane-header-tab:hover { 13 .tabbed-pane-header-tab:hover {
18 background-color: rgba(105, 105, 105, 0.1) !important; 14 background-color: rgba(105, 105, 105, 0.1) !important;
19 } 15 }
20 16
21 .tabbed-pane-header-tab, 17 .tabbed-pane-header-tab,
22 .tabbed-pane-header-tab.selected { 18 .tabbed-pane-header-tab.selected {
23 height: 26px; 19 height: 26px;
24 margin: 0; 20 margin: 0;
25 background: none; 21 background: none;
26 border: none; 22 border: none;
23 border-left: 2px solid transparent;
24 border-right: 2px solid transparent;
27 padding: 0 6px; 25 padding: 0 6px;
28 transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
29 } 26 }
30 27
31 .tabbed-pane-header-tab { 28 .tabbed-pane-header-tab {
32 color: #5a5a5a; 29 color: #5a5a5a;
33 } 30 }
34 31
35 .tabbed-pane-header-tab.selected { 32 .tabbed-pane-header-tab.selected {
36 color: #333; 33 color: #333;
34 border-width: 0 2px 0 2px;
35 -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2;
37 } 36 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/components/InspectorView.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698