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

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: 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
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: 12px; 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
31 /* Disable cache */ 29 /* Disable cache */
32 30
33 .network-config-disable-cache { 31 .network-config-disable-cache {
34 line-height: 28px; 32 line-height: 28px;
(...skipping 18 matching lines...) Expand all
53 line-height: 20px; 51 line-height: 20px;
54 } 52 }
55 53
56 .network-config-ua label[is="dt-radio"].checked > * { 54 .network-config-ua label[is="dt-radio"].checked > * {
57 display: none 55 display: none
58 } 56 }
59 57
60 .network-config-ua input:not(.dt-radio-button) { 58 .network-config-ua input:not(.dt-radio-button) {
61 display: block; 59 display: block;
62 width: calc(100% - 20px); 60 width: calc(100% - 20px);
63 max-width: 400px; 61 max-width: 250px;
64 border: 1px solid #bfbfbf; 62 border: 1px solid #bfbfbf;
65 border-radius: 2px; 63 border-radius: 2px;
66 box-sizing: border-box; 64 box-sizing: border-box;
67 color: #444; 65 color: #444;
68 font: inherit; 66 font: inherit;
69 border-width: 1px; 67 border-width: 1px;
70 min-height: 2em; 68 min-height: 2em;
71 padding: 3px; 69 padding: 3px;
72 } 70 }
73 71
74 .network-config-ua input[readonly] { 72 .network-config-ua input[readonly] {
75 background-color: rgb(235, 235, 228); 73 background-color: rgb(235, 235, 228);
76 } 74 }
77 75
78 .network-config-ua input[type=text], .network-config-ua .chrome-select { 76 .network-config-ua input[type=text], .network-config-ua .chrome-select {
79 margin-top: 8px; 77 margin-top: 8px;
80 } 78 }
81 79
82 .network-config-ua .chrome-select { 80 .network-config-ua .chrome-select {
83 width: calc(100% - 20px); 81 width: calc(100% - 20px);
84 max-width: 230px; 82 max-width: 250px;
85 } 83 }
86 84
87 .network-config-ua label[is="dt-radio"] { 85 .network-config-ua label[is="dt-radio"] {
88 display: block; 86 display: block;
89 } 87 }
90 88
91 .network-config-ua-auto, .network-config-ua-custom { 89 .network-config-ua-auto, .network-config-ua-custom {
92 opacity: 0.5; 90 opacity: 0.5;
93 } 91 }
94 92
95 .network-config-ua-auto.checked, .network-config-ua-custom.checked { 93 .network-config-ua-auto.checked, .network-config-ua-custom.checked {
96 opacity: 1; 94 opacity: 1;
97 } 95 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698