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

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

Issue 1575203003: [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
99 .toolbar-glyph { 103 .toolbar-glyph {
100 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); 104 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
101 -webkit-mask-size: 352px 168px; 105 -webkit-mask-size: 352px 168px;
102 background-color: #5a5a5a; 106 background-color: #5a5a5a;
103 width: 28px; 107 width: 28px;
104 height: 24px; 108 height: 24px;
105 flex: none; 109 flex: none;
106 transform: translateX(-2px); 110 transform: translateX(-2px);
107 } 111 }
108 112
109 @media (-webkit-min-device-pixel-ratio: 1.5) { 113 @media (-webkit-min-device-pixel-ratio: 1.5) {
110 .toolbar-glyph { 114 .toolbar-glyph {
111 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); 115 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
112 } 116 }
113 } /* media */ 117 } /* media */
114 118
115 /* Button */ 119 /* Button */
116 120
117 .toolbar-button:disabled .toolbar-glyph { 121 .toolbar-button:disabled .toolbar-glyph {
118 opacity: 0.5; 122 opacity: 0.5;
119 } 123 }
120 124
121 .toolbar-button:enabled.hover:not(:active) .toolbar-glyph { 125 .toolbar-button:enabled.hover:not(:active) .toolbar-glyph,
126 .toolbar-button:enabled.hover:not(:active) .toolbar-dropdown-arrow {
122 background-color: #333; 127 background-color: #333;
123 } 128 }
124 129
125 .toolbar-button:enabled.hover:not(:active) .toolbar-text { 130 .toolbar-button:enabled.hover:not(:active) .toolbar-text {
126 color: #333; 131 color: #333;
127 } 132 }
128 133
129 .toolbar-button.toolbar-state-on .toolbar-glyph, 134 .toolbar-button.toolbar-state-on .toolbar-glyph,
130 .toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled.hover:not( :active), 135 .toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled.hover:not( :active),
131 .-theme-selection-color { 136 .-theme-selection-color {
(...skipping 360 matching lines...) Expand 10 before | Expand all | Expand 10 after
492 .toolbar-state-active .filter-toolbar-item.toolbar-glyph, 497 .toolbar-state-active .filter-toolbar-item.toolbar-glyph,
493 .toolbar-state-active .block-toolbar-item.toolbar-glyph { 498 .toolbar-state-active .block-toolbar-item.toolbar-glyph {
494 background-color: rgb(216, 0, 0) !important; 499 background-color: rgb(216, 0, 0) !important;
495 } 500 }
496 501
497 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolba r-item.toolbar-glyph, 502 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolba r-item.toolbar-glyph,
498 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar -item.toolbar-glyph, 503 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar -item.toolbar-glyph,
499 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-it em.toolbar-glyph { 504 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-it em.toolbar-glyph {
500 background-color: hsl(0, 100%, 65%) !important; 505 background-color: hsl(0, 100%, 65%) !important;
501 } 506 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698