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

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

Issue 1574213006: DevTools: beautified styles sidebar toolbar. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: review comments addressed. 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 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 .infobar { 7 .infobar {
8 color: rgb(34, 34, 34); 8 color: rgb(34, 34, 34);
9 display: flex; 9 display: flex;
10 flex: auto; 10 flex: auto;
(...skipping 29 matching lines...) Expand all
40 padding: 0 3px; 40 padding: 0 3px;
41 } 41 }
42 42
43 .infobar-main-title { 43 .infobar-main-title {
44 flex: auto; 44 flex: auto;
45 overflow: hidden; 45 overflow: hidden;
46 text-overflow: ellipsis; 46 text-overflow: ellipsis;
47 } 47 }
48 48
49 .infobar-details-rows { 49 .infobar-details-rows {
50 padding-top: 5px; 50 padding: 5px 5px 0 5px;
51 } 51 }
52 52
53 .infobar-details-row { 53 .infobar-details-row {
54 display: flex; 54 display: flex;
55 flex-direction: column; 55 flex-direction: column;
56 line-height: 18px; 56 line-height: 18px;
57 padding: 5px 6px 6px 6px; 57 padding-bottom: 6px;
58 } 58 }
59 59
60 .close-button { 60 .close-button {
61 position: absolute; 61 position: absolute;
62 top: 5px; 62 top: 5px;
63 right: 6px; 63 right: 6px;
64 } 64 }
65 65
66 .infobar-toggle { 66 .infobar-toggle {
67 color: hsl(214, 92%, 50%); 67 color: hsl(214, 92%, 50%);
(...skipping 10 matching lines...) Expand all
78 } 78 }
79 79
80 .warning-icon { 80 .warning-icon {
81 -webkit-mask-image: url(Images/ic_warning_black_18dp.svg); 81 -webkit-mask-image: url(Images/ic_warning_black_18dp.svg);
82 background-color: hsl(44, 92%, 50%); 82 background-color: hsl(44, 92%, 50%);
83 } 83 }
84 84
85 .icon { 85 .icon {
86 -webkit-mask-size: 18px 18px; 86 -webkit-mask-size: 18px 18px;
87 width: 18px; 87 width: 18px;
88 height: 18px; 88 height: 19px;
89 } 89 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698