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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/toolbar.css

Issue 1574373002: Revert of [DevTools] More Device Mode polish. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 11 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
OLDNEW
1 /* 1 /*
2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. 2 * Copyright (c) 2014 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 :host { 7 :host {
8 flex: none; 8 flex: none;
9 padding: 0 2px; 9 padding: 0 2px;
10 } 10 }
(...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after
89 } 89 }
90 90
91 .toolbar-bold .toolbar-text { 91 .toolbar-bold .toolbar-text {
92 font-weight: bold; 92 font-weight: bold;
93 } 93 }
94 94
95 .toolbar-dimmed .toolbar-text { 95 .toolbar-dimmed .toolbar-text {
96 color: #999; 96 color: #999;
97 } 97 }
98 98
99 .toolbar-dimmed .toolbar-dropdown-arrow {
100 background-color: #999;
101 }
102
103 .toolbar-glyph { 99 .toolbar-glyph {
104 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); 100 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
105 -webkit-mask-size: 352px 168px; 101 -webkit-mask-size: 352px 168px;
106 background-color: #5a5a5a; 102 background-color: #5a5a5a;
107 width: 28px; 103 width: 28px;
108 height: 24px; 104 height: 24px;
109 flex: none; 105 flex: none;
110 transform: translateX(-2px); 106 transform: translateX(-2px);
111 } 107 }
112 108
113 @media (-webkit-min-device-pixel-ratio: 1.5) { 109 @media (-webkit-min-device-pixel-ratio: 1.5) {
114 .toolbar-glyph { 110 .toolbar-glyph {
115 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); 111 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
116 } 112 }
117 } /* media */ 113 } /* media */
118 114
119 /* Button */ 115 /* Button */
120 116
121 .toolbar-button:disabled .toolbar-glyph { 117 .toolbar-button:disabled .toolbar-glyph {
122 opacity: 0.5; 118 opacity: 0.5;
123 } 119 }
124 120
125 .toolbar-button:enabled.hover:not(:active) .toolbar-glyph, 121 .toolbar-button:enabled.hover:not(:active) .toolbar-glyph {
126 .toolbar-button:enabled.hover:not(:active) .toolbar-dropdown-arrow {
127 background-color: #333; 122 background-color: #333;
128 } 123 }
129 124
130 .toolbar-button:enabled.hover:not(:active) .toolbar-text { 125 .toolbar-button:enabled.hover:not(:active) .toolbar-text {
131 color: #333; 126 color: #333;
132 } 127 }
133 128
134 .toolbar-button.toolbar-state-on .toolbar-glyph, 129 .toolbar-button.toolbar-state-on .toolbar-glyph,
135 .toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled.hover:not( :active), 130 .toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled.hover:not( :active),
136 .-theme-selection-color { 131 .-theme-selection-color {
(...skipping 360 matching lines...) Expand 10 before | Expand all | Expand 10 after
497 .toolbar-state-active .filter-toolbar-item.toolbar-glyph, 492 .toolbar-state-active .filter-toolbar-item.toolbar-glyph,
498 .toolbar-state-active .block-toolbar-item.toolbar-glyph { 493 .toolbar-state-active .block-toolbar-item.toolbar-glyph {
499 background-color: rgb(216, 0, 0) !important; 494 background-color: rgb(216, 0, 0) !important;
500 } 495 }
501 496
502 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolba r-item.toolbar-glyph, 497 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolba r-item.toolbar-glyph,
503 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar -item.toolbar-glyph, 498 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar -item.toolbar-glyph,
504 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-it em.toolbar-glyph { 499 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-it em.toolbar-glyph {
505 background-color: hsl(0, 100%, 65%) !important; 500 background-color: hsl(0, 100%, 65%) !important;
506 } 501 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698