diff --git a/copanier/static/app.css b/copanier/static/app.css index b1c108c..055d87a 100644 --- a/copanier/static/app.css +++ b/copanier/static/app.css @@ -110,7 +110,7 @@ legend { } h1 { font-size: 2.2rem } -h2 { font-size: 1.8rem } +h2 { font-size: 1rem } h3 { font-size: 1.4rem } h4 { font-size: 1.1rem } @@ -317,6 +317,7 @@ th + td, th + th, td + th { border-left: 1px solid #aaa; + padding: 5px; } th { color: #363636; @@ -335,7 +336,7 @@ th.price { text-align: center; } th.amount { - width: 5rem; + width: 10rem; } .ref { width: 5rem; @@ -351,7 +352,7 @@ th.total { } tr:nth-child(even) { - background-color: #ddd; + background-color: #f0efef; } thead tr { background-color: var(--neutral-color); @@ -362,6 +363,9 @@ thead tr * { thead th + th { border-left: 1px solid white; } +th, td { + padding: 5px !important; +} tr .producer { border-bottom: 1px solid #aaa; @@ -376,18 +380,28 @@ article.order { margin-left: auto; margin-right: auto; } -table.order th.product { + +table th.product { min-width: 10rem; width: inherit; - max-width: 25em; - overflow: hidden; + max-width: 15em; + word-wrap: break-word; + overflow: auto; + white-space: initial; } + +table.order td.quantity { + max-width: 10em; + word-wrap: break-word; + overflow: auto; + white-space: initial; +} + td.with-input { padding: 0; text-align: left; } td.with-input input { - width: 50%; text-align: center; } @@ -566,10 +580,12 @@ details summary { } .rupture { - background-color: #ff000083 !important; text-decoration: line-through; + font-style: italic; + background-color: #fbb !important; } + .list-emails { display: block; width: 700px; @@ -623,7 +639,7 @@ table.paiements tr:hover td { .container { width: 600px; - margin: 100px auto; + margin: 100px auto; } .progressbar { counter-reset: step; @@ -715,7 +731,7 @@ ul.actions > li { } .fixed-table td, .fixed-table th{ - white-space:pre-wrap; + white-space:pre-wrap; } small { @@ -793,7 +809,7 @@ small { .important-message { padding: 1em; text-align: center; - + background-color: rgba(233, 161, 28, 0.2); border: 2px black dashed; } @@ -806,4 +822,6 @@ footer { padding: 1em; background: #fafafa; text-align: center; -} \ No newline at end of file +} + +.big-button { margin: 2em;} diff --git a/copanier/static/js/menus.js b/copanier/static/js/menus.js new file mode 100644 index 0000000..72dbda9 --- /dev/null +++ b/copanier/static/js/menus.js @@ -0,0 +1,54 @@ +(function (window, document) { + + // we fetch the elements each time because docusaurus removes the previous + // element references on page navigation + function getElements() { + return { + layout: document.getElementById('layout'), + menu: document.getElementById('menu'), + menuLink: document.getElementById('menuLink') + }; + } + + function toggleClass(element, className) { + var classes = element.className.split(/\s+/); + var length = classes.length; + var i = 0; + + for (; i < length; i++) { + if (classes[i] === className) { + classes.splice(i, 1); + break; + } + } + // The className is not found + if (length === classes.length) { + classes.push(className); + } + + element.className = classes.join(' '); + } + + function toggleAll() { + var active = 'active'; + var elements = getElements(); + + toggleClass(elements.layout, active); + toggleClass(elements.menu, active); + toggleClass(elements.menuLink, active); + } + + function handleEvent(e) { + var elements = getElements(); + + if (e.target.id === elements.menuLink.id) { + toggleAll(); + e.preventDefault(); + } else if (elements.menu.className.indexOf('active') !== -1) { + toggleAll(); + } + } + + document.addEventListener('click', handleEvent); + +}(this, this.document)); diff --git a/copanier/static/page.css b/copanier/static/page.css index 0e18b60..f20d94c 100644 --- a/copanier/static/page.css +++ b/copanier/static/page.css @@ -25,4 +25,7 @@ .page-break { page-break-after: always; } -} \ No newline at end of file + footer { + display: none; + } +} diff --git a/copanier/static/side-menu.css b/copanier/static/side-menu.css index c1659d4..a4fe400 100644 --- a/copanier/static/side-menu.css +++ b/copanier/static/side-menu.css @@ -29,26 +29,25 @@ This is the parent `