Mend ProxyEditor sizings and overflow

This commit is contained in:
Ilya Ig. Petrov 2017-05-27 11:42:18 -07:00
parent de4619a4ba
commit f50301febc

View File

@ -26,13 +26,25 @@ export default function getProxyEditor(theState) {
}
/* ADD PANEL */
table.editor tr.addPanel td {
table.editor tr.addPanel td,
table.editor tr.addPanel td input
{
padding: 0;
}
table.editor tr.addPanel td > select[name="proxyType"],
table.editor tr.addPanel td:nth-last-child(2) /* port */
{
font-size: 0.9em;
}
/* PROXY ROW */
table.editor tr.proxyRow td:nth-child(2) {
table.editor tr.proxyRow td:nth-child(2), /* type */
table.editor tr.proxyRow td:nth-child(4) /* port */
{
text-align: center;
}
table.editor tr.proxyRow input[name="hostname"] {
padding: 0;
}
table.editor th:not(:last-child) {
padding: 0 0.6em;
@ -93,7 +105,7 @@ export default function getProxyEditor(theState) {
padding: 0;
}
.padLeft {
padding-left: 2px;
padding-left: 2px !important;
}
textarea.textarea {
@ -296,7 +308,10 @@ export default function getProxyEditor(theState) {
class={scopedCss.only} title="Удалить"
onClick={() => this.handleDelete(this, {proxyAsString, index})}
>X</button>
</td><td>{type}</td><td>{hostname}</td><td>{port}</td>
</td>
<td>{type}</td>
<td><input value={hostname} name="hostname" readonly/></td>
<td>{port}</td>
<td>
<button type="button" disabled={props.ifInputsDisabled}
class={scopedCss.only} title="Повысить приоритет"