Fix layout, ready for UI release

This commit is contained in:
Ilya Ig. Petrov 2017-02-28 12:54:12 +00:00
parent 41a40bc388
commit c997689c30
2 changed files with 18 additions and 5 deletions

View File

@ -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>

View File

@ -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');