diff options
author | Wojtek Kosior <koszko@koszko.org> | 2022-01-14 22:48:01 +0100 |
---|---|---|
committer | Wojtek Kosior <koszko@koszko.org> | 2022-01-14 22:48:01 +0100 |
commit | e7d11c7c1173d07db741301053db78b835a73ab3 (patch) | |
tree | 2f7e5b3e494f896855a2417694df7338745f0770 /html/item_list.html | |
parent | 299864ee0901df8db2314cc7c07d6c481927c8aa (diff) | |
download | browser-extension-e7d11c7c1173d07db741301053db78b835a73ab3.tar.gz browser-extension-e7d11c7c1173d07db741301053db78b835a73ab3.zip |
add settings page with styling
Diffstat (limited to 'html/item_list.html')
-rw-r--r-- | html/item_list.html | 12 |
1 files changed, 10 insertions, 2 deletions
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 <style> + .item_list, .preview_scroll_box { + overflow-y: auto; + padding-top: 0.4em; + height: calc(var(--content-height) - 0.4em); + } .item_list { overflow-y: scroll; + min-width: 7em; } + .item_list>li { cursor: pointer; padding: 0.15em 0.3em; @@ -73,8 +80,9 @@ <template> <div id="item_list" data-template="main_div" class="grid_2 list_main_view"> <ul data-template="ul" class="item_list"></ul> - <div> - <div data-template="preview_container" class="hide"> + <div class="preview_scroll_box"> + <div data-template="preview_container" + class="hide item_preview_container"> <!-- preview div will be dynamically inserted here --> <div class="list_buttons"> <button data-template="remove_but">Remove</button> |