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

Side by Side Diff: Source/devtools/front_end/responsiveDesignView.css

Issue 304693002: DevTools: get rid of deviceMetics settings. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Tests fixed. Created 6 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
OLDNEW
1 /* 1 /*
2 * Copyright 2014 The Chromium Authors. All rights reserved. 2 * Copyright 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 .responsive-design { 7 .responsive-design {
8 overflow: hidden; 8 overflow: hidden;
9 position: relative; 9 position: relative;
10 } 10 }
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after
74 } 74 }
75 75
76 .responsive-design-resolution-height { 76 .responsive-design-resolution-height {
77 left: 0; 77 left: 0;
78 } 78 }
79 79
80 .responsive-design-toolbar { 80 .responsive-design-toolbar {
81 flex: 0 0 24px; 81 flex: 0 0 24px;
82 background-color: rgb(64, 64, 64); 82 background-color: rgb(64, 64, 64);
83 color: rgb(220, 220, 220); 83 color: rgb(220, 220, 220);
84 padding-left: 10px; 84 padding-left: 6px;
85 display: flex; 85 display: flex;
86 align-items: center; 86 align-items: center;
87 border-bottom: 1px solid rgb(163, 163, 163); 87 border-bottom: 1px solid rgb(163, 163, 163);
88 } 88 }
89 89
90 .responsive-design-toolbar fieldset,
91 .responsive-design-toolbar p {
92 margin: 0;
93 padding: 0;
94 border: 0;
95 display: inline-block;
96 }
97
98 .responsive-design-toolbar .field-error-message {
99 display: none;
100 }
90 .responsive-design-toolbar label { 101 .responsive-design-toolbar label {
91 display: inline-flex; 102 display: inline-flex;
92 align-items: center; 103 align-items: center;
93 } 104 }
94 105
95 .responsive-design-toolbar input[type='text'] { 106 .responsive-design-toolbar input[type='text'] {
96 color: rgb(255, 156, 0); 107 color: rgb(255, 156, 0);
97 text-align: center; 108 text-align: center;
98 background-color: transparent; 109 background-color: transparent;
99 border: none; 110 border: none;
100 margin: 0 2px; 111 margin: 0 2px;
101 padding: 3px; 112 padding: 3px;
102 } 113 }
103 114
115 .responsive-design-toolbar input:disabled,
116 .responsive-design-toolbar button:disabled {
117 opacity: 0.6;
118 }
119
104 .responsive-design-toolbar input[type='checkbox'] { 120 .responsive-design-toolbar input[type='checkbox'] {
105 background: none; 121 background: none;
106 margin: 0; 122 margin: 0;
107 margin-right: 3px; 123 margin-right: 5px;
108 } 124 }
109 125
110 .responsive-design-toolbar input[type='checkbox']:after { 126 .responsive-design-toolbar input[type='checkbox']:after {
111 content:'\2714'; 127 content:'\2713';
112 color: transparent; 128 color: transparent;
113 line-height: 10px; 129 line-height: 10px;
114 position: absolute; 130 position: absolute;
115 cursor: pointer; 131 cursor: pointer;
116 background: rgb(64, 64, 64); 132 background: rgb(64, 64, 64);
117 border: 1px solid hsla(41, 100%, 47%, 0.6); 133 border: 1px solid hsla(41, 100%, 47%, 0.6);
118 } 134 }
119 135
120 .responsive-design-toolbar input[type='checkbox']:checked:after { 136 .responsive-design-toolbar input[type='checkbox']:checked:after {
121 color: hsl(41, 100%, 47%); 137 color: hsl(41, 100%, 47%);
(...skipping 11 matching lines...) Expand all
133 .responsive-design-toolbar input:focus { 149 .responsive-design-toolbar input:focus {
134 background-color: rgb(102, 102, 102) 150 background-color: rgb(102, 102, 102)
135 } 151 }
136 152
137 .responsive-design-toolbar button { 153 .responsive-design-toolbar button {
138 color: rgb(255, 156, 0); 154 color: rgb(255, 156, 0);
139 background-color: rgb(64, 64, 64); 155 background-color: rgb(64, 64, 64);
140 border: none; 156 border: none;
141 cursor: pointer; 157 cursor: pointer;
142 } 158 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/overrides.css ('k') | Source/devtools/front_end/sdk/OverridesSupport.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698