Commit 13fb906c authored by luoe's avatar luoe Committed by Commit Bot

DevTools: cleanup text input styles

We may want to land another CL to update text input styles:
https://codereview.chromium.org/2875193002/

BUG=690239

Review-Url: https://codereview.chromium.org/2906983002
Cr-Commit-Position: refs/heads/master@{#476487}
parent 192c7eb6
...@@ -137,15 +137,18 @@ ...@@ -137,15 +137,18 @@
flex: auto 1 1; flex: auto 1 1;
} }
.port-forwarding-value { .list-item .port-forwarding-value {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
-webkit-user-select: none; -webkit-user-select: none;
color: #222; color: #222;
flex: 3 1 0;
overflow: hidden; overflow: hidden;
} }
.port-forwarding-value {
flex: 3 1 0;
}
.port-forwarding-value.port-forwarding-port { .port-forwarding-value.port-forwarding-port {
flex: 1 1 0; flex: 1 1 0;
} }
...@@ -224,15 +227,18 @@ ...@@ -224,15 +227,18 @@
flex: auto 1 1; flex: auto 1 1;
} }
.network-discovery-value { .list-item .network-discovery-value {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
-webkit-user-select: none; -webkit-user-select: none;
color: #222; color: #222;
flex: 3 1 0;
overflow: hidden; overflow: hidden;
} }
.network-discovery-value {
flex: 3 1 0;
}
.network-discovery-edit-row { .network-discovery-edit-row {
flex: none; flex: none;
display: flex; display: flex;
......
...@@ -77,6 +77,7 @@ Emulation.SensorsView = class extends UI.VBox { ...@@ -77,6 +77,7 @@ Emulation.SensorsView = class extends UI.VBox {
var longitudeGroup = this._fieldsetElement.createChild('div', 'latlong-group'); var longitudeGroup = this._fieldsetElement.createChild('div', 'latlong-group');
this._latitudeInput = latitudeGroup.createChild('input'); this._latitudeInput = latitudeGroup.createChild('input');
this._latitudeInput.setAttribute('step', 'any');
this._latitudeInput.setAttribute('type', 'number'); this._latitudeInput.setAttribute('type', 'number');
this._latitudeInput.value = 0; this._latitudeInput.value = 0;
this._latitudeSetter = UI.bindInput( this._latitudeSetter = UI.bindInput(
...@@ -85,6 +86,7 @@ Emulation.SensorsView = class extends UI.VBox { ...@@ -85,6 +86,7 @@ Emulation.SensorsView = class extends UI.VBox {
this._latitudeSetter(String(geolocation.latitude)); this._latitudeSetter(String(geolocation.latitude));
this._longitudeInput = longitudeGroup.createChild('input'); this._longitudeInput = longitudeGroup.createChild('input');
this._longitudeInput.setAttribute('step', 'any');
this._longitudeInput.setAttribute('type', 'number'); this._longitudeInput.setAttribute('type', 'number');
this._longitudeInput.value = 0; this._longitudeInput.value = 0;
this._longitudeSetter = UI.bindInput( this._longitudeSetter = UI.bindInput(
...@@ -311,14 +313,17 @@ Emulation.SensorsView = class extends UI.VBox { ...@@ -311,14 +313,17 @@ Emulation.SensorsView = class extends UI.VBox {
var cellElement = fieldsetElement.createChild('td', 'orientation-inputs-cell'); var cellElement = fieldsetElement.createChild('td', 'orientation-inputs-cell');
this._alphaElement = createElement('input'); this._alphaElement = createElement('input');
this._alphaElement.setAttribute('step', 'any');
this._alphaSetter = this._createAxisInput(cellElement, this._alphaElement, Common.UIString('\u03B1 (alpha)')); this._alphaSetter = this._createAxisInput(cellElement, this._alphaElement, Common.UIString('\u03B1 (alpha)'));
this._alphaSetter(String(deviceOrientation.alpha)); this._alphaSetter(String(deviceOrientation.alpha));
this._betaElement = createElement('input'); this._betaElement = createElement('input');
this._betaElement.setAttribute('step', 'any');
this._betaSetter = this._createAxisInput(cellElement, this._betaElement, Common.UIString('\u03B2 (beta)')); this._betaSetter = this._createAxisInput(cellElement, this._betaElement, Common.UIString('\u03B2 (beta)'));
this._betaSetter(String(deviceOrientation.beta)); this._betaSetter(String(deviceOrientation.beta));
this._gammaElement = createElement('input'); this._gammaElement = createElement('input');
this._gammaElement.setAttribute('step', 'any');
this._gammaSetter = this._createAxisInput(cellElement, this._gammaElement, Common.UIString('\u03B3 (gamma)')); this._gammaSetter = this._createAxisInput(cellElement, this._gammaElement, Common.UIString('\u03B3 (gamma)'));
this._gammaSetter(String(deviceOrientation.gamma)); this._gammaSetter(String(deviceOrientation.gamma));
......
...@@ -74,7 +74,6 @@ ...@@ -74,7 +74,6 @@
height: 22px; height: 22px;
border: 1px solid rgb(213, 213, 213); border: 1px solid rgb(213, 213, 213);
border-radius: 2px; border-radius: 2px;
color: #444444;
padding: 3px; padding: 3px;
} }
......
...@@ -28,11 +28,6 @@ ...@@ -28,11 +28,6 @@
.sensors-view select { .sensors-view select {
border: 1px solid #bfbfbf; border: 1px solid #bfbfbf;
border-radius: 2px; border-radius: 2px;
box-sizing: border-box;
color: #444;
font: inherit;
border-width: 1px;
text-align: left;
} }
.sensors-view input { .sensors-view input {
......
...@@ -153,7 +153,7 @@ Network.BlockedURLsPane = class extends UI.VBox { ...@@ -153,7 +153,7 @@ Network.BlockedURLsPane = class extends UI.VBox {
var editor = new UI.ListWidget.Editor(); var editor = new UI.ListWidget.Editor();
var content = editor.contentElement(); var content = editor.contentElement();
var titles = content.createChild('div', 'blocked-url-edit-row'); var titles = content.createChild('div', 'blocked-url-edit-row');
titles.createChild('div', 'blocked-url-edit-value').textContent = titles.createChild('div').textContent =
Common.UIString('Text pattern to block matching requests; use * for wildcard'); Common.UIString('Text pattern to block matching requests; use * for wildcard');
var fields = content.createChild('div', 'blocked-url-edit-row'); var fields = content.createChild('div', 'blocked-url-edit-row');
var urlInput = editor.createInput( var urlInput = editor.createInput(
......
...@@ -67,12 +67,8 @@ ...@@ -67,12 +67,8 @@
} }
.blocked-url-edit-value { .blocked-url-edit-value {
white-space: nowrap;
text-overflow: ellipsis;
-webkit-user-select: none; -webkit-user-select: none;
color: #222;
flex: 1 1 0px; flex: 1 1 0px;
overflow: hidden;
} }
.blocked-url-edit-row input { .blocked-url-edit-row input {
......
...@@ -67,10 +67,6 @@ ...@@ -67,10 +67,6 @@
max-width: 250px; max-width: 250px;
border: 1px solid #bfbfbf; border: 1px solid #bfbfbf;
border-radius: 2px; border-radius: 2px;
box-sizing: border-box;
color: #444;
font: inherit;
border-width: 1px;
min-height: 2em; min-height: 2em;
padding: 3px; padding: 3px;
} }
......
...@@ -42,15 +42,17 @@ ...@@ -42,15 +42,17 @@
flex: auto 1 1; flex: auto 1 1;
} }
.file-system-value { .list-item .file-system-value {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
-webkit-user-select: none; -webkit-user-select: none;
color: #222;
flex: 1 1 0px;
overflow: hidden; overflow: hidden;
} }
.file-system-value {
flex: 1 1 0px;
}
.file-system-separator { .file-system-separator {
flex: 0 0 1px; flex: 0 0 1px;
background-color: rgb(231, 231, 231); background-color: rgb(231, 231, 231);
......
...@@ -55,14 +55,6 @@ header > h3 { ...@@ -55,14 +55,6 @@ header > h3 {
padding: 0; padding: 0;
} }
.settings-tab input:not([type]),
.settings-tab input[type="text"] {
border: 1px solid rgb(213, 213, 213);
border-radius: 2px;
color: #444444;
padding: 3px;
}
.settings-tab p { .settings-tab p {
margin: 12px 0; margin: 12px 0;
} }
......
...@@ -51,15 +51,18 @@ ...@@ -51,15 +51,18 @@
flex: auto 1 1; flex: auto 1 1;
} }
.blackbox-pattern { .blackbox-list-item .blackbox-pattern {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
-webkit-user-select: none; -webkit-user-select: none;
color: #222; color: #222;
flex: auto;
overflow: hidden; overflow: hidden;
} }
.blackbox-pattern {
flex: auto;
}
.blackbox-list-item.blackbox-disabled .blackbox-pattern { .blackbox-list-item.blackbox-disabled .blackbox-pattern {
text-decoration: line-through; text-decoration: line-through;
} }
......
...@@ -164,7 +164,6 @@ fieldset { ...@@ -164,7 +164,6 @@ fieldset {
.settings-tab input[type="text"] { .settings-tab input[type="text"] {
border: 1px solid rgb(213, 213, 213); border: 1px solid rgb(213, 213, 213);
border-radius: 2px; border-radius: 2px;
color: #444444;
padding: 3px; padding: 3px;
} }
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment