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