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

Side by Side Diff: Source/devtools/front_end/ui/tabbedPane.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
« no previous file with comments | « Source/devtools/front_end/ui/filter.css ('k') | Source/devtools/front_end/ui/toolbar.css » ('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 (C) 2006, 2007, 2008 Apple Inc. All rights reserved. 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
4 * Copyright (C) 2011 Google Inc. All rights reserved. 4 * Copyright (C) 2011 Google Inc. All rights reserved.
5 * 5 *
6 * Redistribution and use in source and binary forms, with or without 6 * Redistribution and use in source and binary forms, with or without
7 * modification, are permitted provided that the following conditions are 7 * modification, are permitted provided that the following conditions are
8 * met: 8 * met:
9 * 9 *
10 * 1. Redistributions of source code must retain the above copyright 10 * 1. Redistributions of source code must retain the above copyright
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
48 .tabbed-pane-placeholder { 48 .tabbed-pane-placeholder {
49 font-size: 14px; 49 font-size: 14px;
50 text-align: center; 50 text-align: center;
51 margin-top: 20px; 51 margin-top: 20px;
52 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; 52 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
53 } 53 }
54 54
55 .tabbed-pane-header { 55 .tabbed-pane-header {
56 display: flex; 56 display: flex;
57 flex: 0 0 23px; 57 flex: 0 0 23px;
58 border-bottom: 1px solid rgb(163, 163, 163); 58 border-bottom: 1px solid #dadada;
59 overflow: hidden; 59 overflow: hidden;
60 width: 100%; 60 width: 100%;
61 background-color: #eee; 61 background-color: #eee;
62 } 62 }
63 63
64 :host-context(.material) .tabbed-pane-header { 64 :host-context(.material) .tabbed-pane-header {
65 flex: 0 0 27px; 65 flex: 0 0 27px;
66 } 66 }
67 67
68 .tabbed-pane-header-contents { 68 .tabbed-pane-header-contents {
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after
126 126
127 .tabbed-pane-header-tab:hover .tabbed-pane-close-button, 127 .tabbed-pane-header-tab:hover .tabbed-pane-close-button,
128 .tabbed-pane-header-tab.selected .tabbed-pane-close-button { 128 .tabbed-pane-header-tab.selected .tabbed-pane-close-button {
129 visibility: visible; 129 visibility: visible;
130 } 130 }
131 131
132 .tabbed-pane-header-tabs-drop-down-container { 132 .tabbed-pane-header-tabs-drop-down-container {
133 float: left; 133 float: left;
134 position: relative; 134 position: relative;
135 vertical-align: bottom; 135 vertical-align: bottom;
136 padding-left: 3px;
137 line-height: 20px; 136 line-height: 20px;
138 opacity: 0.7; 137 opacity: 0.8;
139 color: inherit; 138 color: inherit;
140 font-size: 133%; 139 font-size: 133%;
141 padding: 0 3px 0 5px; 140 padding: 0 7px;
142 cursor: default; 141 cursor: default;
142 height: 23px;
143 } 143 }
144 144
145 :host-context(.material) .tabbed-pane-header-tabs-drop-down-container { 145 :host-context(.material) .tabbed-pane-header-tabs-drop-down-container {
146 line-height: 25px; 146 line-height: 25px;
147 height: 28px; 147 height: 28px;
148 width: 28px; 148 width: 28px;
149 text-align: center; 149 text-align: center;
150 padding: 0; 150 padding: 0;
151 } 151 }
152 152
153 :host-context(.material) .tabbed-pane-header-tabs-drop-down-container:hover { 153 .tabbed-pane-header-tabs-drop-down-container:hover {
154 background-color: rgba(105, 105, 105, 0.1); 154 background-color: rgba(105, 105, 105, 0.1);
155 } 155 }
156 156
157 .tabbed-pane-header-tabs-drop-down-container.measuring { 157 .tabbed-pane-header-tabs-drop-down-container.measuring {
158 visibility: hidden; 158 visibility: hidden;
159 } 159 }
160 160
161 .tabbed-pane-header-tabs-drop-down-container:hover { 161 .tabbed-pane-header-tabs-drop-down-container:hover {
162 opacity: 1.0; 162 opacity: 1.0;
163 } 163 }
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after
218 .tabbed-pane-shadow.vertical-tab-layout .tabbed-pane-header-tab.selected { 218 .tabbed-pane-shadow.vertical-tab-layout .tabbed-pane-header-tab.selected {
219 color: inherit; 219 color: inherit;
220 border: none transparent; 220 border: none transparent;
221 border-left: 6px solid #666; 221 border-left: 6px solid #666;
222 } 222 }
223 223
224 .tabbed-pane-tab-slider { 224 .tabbed-pane-tab-slider {
225 width: 1px; 225 width: 1px;
226 height: 2px; 226 height: 2px;
227 position: absolute; 227 position: absolute;
228 bottom: -1px; 228 bottom: 0;
229 background-color: #4285F4; 229 background-color: #3E82F7;
230 left: 0; 230 left: 0;
231 z-index: 50; 231 z-index: 50;
232 transform-origin: 0 0; 232 transform-origin: 0 0;
233 transition: transform 150ms cubic-bezier(0, 0, 0.2, 1); 233 transition: transform 150ms cubic-bezier(0, 0, 0.2, 1);
234 visibility: hidden; 234 visibility: hidden;
235 } 235 }
236 236
237 .tabbed-pane-tab-slider.enabled { 237 .tabbed-pane-tab-slider.enabled {
238 visibility: visible; 238 visibility: visible;
239 } 239 }
240 240
241 .tabbed-pane-header.tabbed-pane-no-header-background { 241 .tabbed-pane-header.tabbed-pane-no-header-background {
242 background-color: transparent; 242 background-color: transparent;
243 } 243 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/ui/filter.css ('k') | Source/devtools/front_end/ui/toolbar.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698