From e7d11c7c1173d07db741301053db78b835a73ab3 Mon Sep 17 00:00:00 2001 From: Wojtek Kosior Date: Fri, 14 Jan 2022 22:48:01 +0100 Subject: add settings page with styling --- html/base.css | 18 +++- html/item_list.html | 12 ++- html/item_list.js | 6 +- html/item_preview.html | 4 +- html/payload_create.html | 8 +- html/settings.html | 152 ++++++++++++++++++++++++++++++++ html/settings.js | 125 ++++++++++++++++++++++++++ html/text_entry_list.html | 37 ++++++-- test/unit/test_broadcast.py | 7 +- test/unit/test_default_policy_dialog.py | 3 +- test/unit/test_indexeddb.py | 13 ++- test/unit/test_item_list.py | 2 - test/unit/test_item_preview.py | 55 +----------- test/unit/test_payload_create.py | 2 - test/unit/test_text_entry_list.py | 2 - test/unit/utils.py | 59 +++++++++++++ 16 files changed, 415 insertions(+), 90 deletions(-) create mode 100644 html/settings.html create mode 100644 html/settings.js diff --git a/html/base.css b/html/base.css index e5e4660..4575b10 100644 --- a/html/base.css +++ b/html/base.css @@ -41,6 +41,7 @@ body { h1, h2, h3 { margin: 0.3em; text-shadow: 0 0 0 #454; + text-align: center; } h2 { @@ -61,7 +62,7 @@ li:first-child { } .hide { - display: none; + display: none !important; } button { @@ -79,6 +80,19 @@ button { font: 400 0.9em sans-serif; } -button:hover, .button:hover { +button:hover { box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } + +body { + --line-height: 0.4em; +} + +div.bottom_line { + height: var(--line-height); + background: linear-gradient(#555, transparent); +} +div.top_line { + height: var(--line-height); + background: linear-gradient(transparent, #555); +} diff --git a/html/item_list.html b/html/item_list.html index 4e23868..cae783a 100644 --- a/html/item_list.html +++ b/html/item_list.html @@ -41,9 +41,16 @@ #LOADCSS html/base.css #LOADCSS html/grid.css