mirror of
https://github.com/anticensority/runet-censorship-bypass.git
synced 2024-11-27 20:03:45 +03:00
Fix layout, ready for UI release
This commit is contained in:
parent
41a40bc388
commit
c997689c30
|
@ -9,7 +9,6 @@
|
||||||
--default-grey: #bfbfbf;
|
--default-grey: #bfbfbf;
|
||||||
max-width: 28em;
|
max-width: 28em;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
@ -33,9 +32,23 @@
|
||||||
ul, ol {
|
ul, ol {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
:root:not(.if-options-page) ul,
|
||||||
|
:root:not(.if-options-page) ol {
|
||||||
|
/*Here is a flex bug:
|
||||||
|
() antizapret [update] (i)
|
||||||
|
() anticensority very_long_foobar [update] (i) <- Sic!
|
||||||
|
Also: options page is wider, check it too.
|
||||||
|
But: fixed 100% width conflicts with margins/paddings.
|
||||||
|
So: use only when needed and avoid margins.
|
||||||
|
FYI: setting left-margin fixes problem too, but margins are not wanted.
|
||||||
|
Fix this problem below:
|
||||||
|
*/
|
||||||
|
display: inline-block;
|
||||||
|
min-width: 100%;
|
||||||
|
}
|
||||||
:root.if-options-page ul,
|
:root.if-options-page ul,
|
||||||
:root.if-options-page ol,
|
:root.if-options-page ol,
|
||||||
#list-of-handlers {
|
#list-of-notifiers {
|
||||||
margin-left: 0.4em;
|
margin-left: 0.4em;
|
||||||
}
|
}
|
||||||
li, footer {
|
li, footer {
|
||||||
|
@ -273,7 +286,7 @@
|
||||||
.update-button {
|
.update-button {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
input:checked ~ .update-button {
|
input:checked ~ .label-container .update-button {
|
||||||
visibility: inherit;
|
visibility: inherit;
|
||||||
}
|
}
|
||||||
#none:checked + label {
|
#none:checked + label {
|
||||||
|
@ -465,7 +478,7 @@
|
||||||
|
|
||||||
<section data-for="acc-ntf">
|
<section data-for="acc-ntf">
|
||||||
<header>Я ❤️ yведомления:</header>
|
<header>Я ❤️ yведомления:</header>
|
||||||
<ul id="list-of-handlers"></ul>
|
<ul id="list-of-notifiers"></ul>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
|
@ -629,7 +629,7 @@ HTTPS 11.22.33.44:8080;">${conf.value || localStorage.getItem(uiRaw) || ''}</tex
|
||||||
|
|
||||||
// NOTIFICATIONS PANEL
|
// NOTIFICATIONS PANEL
|
||||||
|
|
||||||
const conPanel = document.getElementById('list-of-handlers');
|
const conPanel = document.getElementById('list-of-notifiers');
|
||||||
errorHandlers.getEventsMap().forEach( (value, name) => {
|
errorHandlers.getEventsMap().forEach( (value, name) => {
|
||||||
|
|
||||||
const li = document.createElement('li');
|
const li = document.createElement('li');
|
||||||
|
|
Loading…
Reference in New Issue
Block a user