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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/network/networkConfigView.css

Issue 1902963002: DevTools: Update styles for network conditions drawer panel (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Remove unnecessary constant Created 4 years, 8 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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/network/NetworkConfigView.js ('k') | no next file » | 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) 2015 The Chromium Authors. All rights reserved. 2 * Copyright (c) 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 .network-config { 7 .network-config {
8 padding: 12px; 8 padding: 12px;
9 display: block;
9 } 10 }
10 11
11 .network-config-group { 12 .network-config-group {
12 display: flex; 13 display: flex;
13 padding-top: 12px; 14 margin-bottom: 10px;
14 margin-bottom: 12px;
15 flex-wrap: wrap; 15 flex-wrap: wrap;
16 flex: 0 0 auto; 16 flex: 0 0 auto;
17 min-height: 30px; 17 min-height: 30px;
18 border-top: 1px solid #ccc;
19 } 18 }
20 19
21 .network-config-title { 20 .network-config-title {
22 flex: 1 1 68px;
23 margin-right: 16px; 21 margin-right: 16px;
24 text-align: right; 22 width: 130px;
25 } 23 }
26 24
27 .network-config-fields { 25 .network-config-fields {
28 flex: 2 0 200px; 26 flex: 2 0 200px;
29 } 27 }
30 28
29 .panel-section-separator {
30 height: 1px;
31 margin-bottom: 10px;
32 background: #f0f0f0;
33 }
34
31 /* Disable cache */ 35 /* Disable cache */
32 36
33 .network-config-disable-cache { 37 .network-config-disable-cache {
34 line-height: 28px; 38 line-height: 28px;
35 border-top: none; 39 border-top: none;
36 padding-top: 0; 40 padding-top: 0;
37 } 41 }
38 42
39 /* Network throttling */ 43 /* Network throttling */
40 44
(...skipping 12 matching lines...) Expand all
53 line-height: 20px; 57 line-height: 20px;
54 } 58 }
55 59
56 .network-config-ua label[is="dt-radio"].checked > * { 60 .network-config-ua label[is="dt-radio"].checked > * {
57 display: none 61 display: none
58 } 62 }
59 63
60 .network-config-ua input:not(.dt-radio-button) { 64 .network-config-ua input:not(.dt-radio-button) {
61 display: block; 65 display: block;
62 width: calc(100% - 20px); 66 width: calc(100% - 20px);
63 max-width: 400px; 67 max-width: 250px;
64 border: 1px solid #bfbfbf; 68 border: 1px solid #bfbfbf;
65 border-radius: 2px; 69 border-radius: 2px;
66 box-sizing: border-box; 70 box-sizing: border-box;
67 color: #444; 71 color: #444;
68 font: inherit; 72 font: inherit;
69 border-width: 1px; 73 border-width: 1px;
70 min-height: 2em; 74 min-height: 2em;
71 padding: 3px; 75 padding: 3px;
72 } 76 }
73 77
74 .network-config-ua input[readonly] { 78 .network-config-ua input[readonly] {
75 background-color: rgb(235, 235, 228); 79 background-color: rgb(235, 235, 228);
76 } 80 }
77 81
78 .network-config-ua input[type=text], .network-config-ua .chrome-select { 82 .network-config-ua input[type=text], .network-config-ua .chrome-select {
79 margin-top: 8px; 83 margin-top: 8px;
80 } 84 }
81 85
82 .network-config-ua .chrome-select { 86 .network-config-ua .chrome-select {
83 width: calc(100% - 20px); 87 width: calc(100% - 20px);
84 max-width: 230px; 88 max-width: 250px;
85 } 89 }
86 90
87 .network-config-ua label[is="dt-radio"] { 91 .network-config-ua label[is="dt-radio"] {
88 display: block; 92 display: block;
89 } 93 }
90 94
91 .network-config-ua-auto, .network-config-ua-custom { 95 .network-config-ua-auto, .network-config-ua-custom {
92 opacity: 0.5; 96 opacity: 0.5;
93 } 97 }
94 98
95 .network-config-ua-auto.checked, .network-config-ua-custom.checked { 99 .network-config-ua-auto.checked, .network-config-ua-custom.checked {
96 opacity: 1; 100 opacity: 1;
97 } 101 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/network/NetworkConfigView.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698