| OLD | NEW |
| 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 Loading... |
| 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 } |
| OLD | NEW |