aboutsummaryrefslogtreecommitdiff
path: root/html/item_list.html
diff options
context:
space:
mode:
authorWojtek Kosior <koszko@koszko.org>2022-01-14 22:48:01 +0100
committerWojtek Kosior <koszko@koszko.org>2022-01-14 22:48:01 +0100
commite7d11c7c1173d07db741301053db78b835a73ab3 (patch)
tree2f7e5b3e494f896855a2417694df7338745f0770 /html/item_list.html
parent299864ee0901df8db2314cc7c07d6c481927c8aa (diff)
downloadbrowser-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.html12
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>