DevTools: cleanup text input styles

third_party/WebKit/Source/devtools/front_end/devices/devicesView.css

 /*
  * Copyright (c) 2015 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 .devices-container {
     overflow: hidden;
     flex: auto;
 }
@@ skipping 119 matching lines @@
 
 .port-forwarding-list-item {
     padding: 3px 5px 3px 5px;
     height: 30px;
     display: flex;
     align-items: center;
     position: relative;
     flex: auto 1 1;
 }
 
-.port-forwarding-value {
+.list-item .port-forwarding-value {
     white-space: nowrap;
     text-overflow: ellipsis;
     -webkit-user-select: none;
     color: #222;
+    overflow: hidden;
+}
+
+.port-forwarding-value {
     flex: 3 1 0;
-    overflow: hidden;

[luoe, 2017/05/26 23:41:04]

.port-forwarding-value applies to
- values in the port list
- text <input> used when adding a new port

Only the first case needs overflow hidden + ellipsis + etc.

 }
 
 .port-forwarding-value.port-forwarding-port {
     flex: 1 1 0;
 }
 
 .port-localhost {
     color: #aaa;
 }
 
@@ skipping 60 matching lines @@
 
 .network-discovery-list-item {
     padding: 3px 5px 3px 5px;
     height: 30px;
     display: flex;
     align-items: center;
     position: relative;
     flex: auto 1 1;
 }
 
-.network-discovery-value {
+.list-item .network-discovery-value {
     white-space: nowrap;
     text-overflow: ellipsis;
     -webkit-user-select: none;
     color: #222;
+    overflow: hidden;
+}
+
+.network-discovery-value {
     flex: 3 1 0;
-    overflow: hidden;
 }
 
 .network-discovery-edit-row {
     flex: none;
     display: flex;
     flex-direction: row;
     margin: 6px 5px;
     align-items: center;
 }
 
@@ skipping 211 matching lines @@
 }
 
 :host-context(.node-frontend) .network-discovery-edit-row input {
     height: 30px;
     padding-left: 5px;
 }
 
 :host-context(.node-frontend) .network-discovery-edit-row {
     margin: 6px 9px;
 }