diff --git a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/options/src/components/InfoLi.js b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/options/src/components/InfoLi.js index c6ee8c2..4f713a9 100644 --- a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/options/src/components/InfoLi.js +++ b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/options/src/components/InfoLi.js @@ -88,9 +88,6 @@ export default function getInfoLi() { /* CHILDREN */ - input:not(:checked) ~ .children { - display: none; - } .children { flex-grow: 9999; } @@ -118,9 +115,21 @@ export default function getInfoLi() { }, props); const iddy = props.idPrefix + ( props.ifDashify ? camelToDash(props.conf.key) : props.conf.key ); + + const inputProps = { + id: iddy, + name: props.name, + type: props.type, + checked: props.checked, + onClick: props.onClick, + onChange: props.onChange, + class: props.class, + }; + delete inputProps.children; + return (
  • - { createElement('input', Object.assign({}, props, {id: iddy})) } + {createElement('input', inputProps)}
    {props.nodeAfterLabel} @@ -136,8 +145,8 @@ export default function getInfoLi() { : ( ) // Affects vertical align of flexbox items. ) } - { props.checked && props.children } - {/* props.checked && (
    {props.children}
    )*/} + {/* props.checked && props.children */} + {props.checked && props.children && (
    {props.children}
    )}
  • ); diff --git a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/options/src/components/ProxyEditor.js b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/options/src/components/ProxyEditor.js index af4edc0..759aab7 100644 --- a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/options/src/components/ProxyEditor.js +++ b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/options/src/components/ProxyEditor.js @@ -7,10 +7,6 @@ export default function getProxyEditor(theState) { const scopedCss = css` - form.root { - width: 100%; - } - table.editor { border-collapse: collapse; /*border-style: hidden;*/ @@ -19,6 +15,10 @@ export default function getProxyEditor(theState) { background-color: #f3f5f6; } + .tabledEditor, .exportsEditor { + /* Empty, but not undefined. */ + } + table.editor ::-webkit-input-placeholder { color: #c9c9c9; } @@ -110,9 +110,10 @@ export default function getProxyEditor(theState) { } /* LAST COLUMN: BUTTONS */ - table.editor tr > *:nth-last-child(1), - table.editor tr > *:nth-last-child(2), - table.editor tr.proxyRow > td:first-child { + table.editor tr > *:nth-last-child(1), /* Buttons */ + table.tabledEditor tr > *:nth-last-child(2), /* Port */ + table.tabledEditor tr.proxyRow > td:first-child /* Type */ + { text-align: center; padding: 0; position: relative; @@ -258,8 +259,8 @@ export default function getProxyEditor(theState) { render(props) { return ( -
    - + +
    @@ -453,8 +454,8 @@ export default function getProxyEditor(theState) { const reset = linkEvent(this, this.resetState); return ( - -
    протокол
    + +