From 453ba03962ececcdff9264bea606b7bc488c1803 Mon Sep 17 00:00:00 2001 From: Wojtek Kosior Date: Wed, 1 Sep 2021 11:45:06 +0200 Subject: add styling for popup page\n\nThis does not include styling for contents of the import dialog --- html/table.css | 46 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 html/table.css (limited to 'html/table.css') diff --git a/html/table.css b/html/table.css new file mode 100644 index 0000000..6296f83 --- /dev/null +++ b/html/table.css @@ -0,0 +1,46 @@ +.table_wrapper { + display: block; + background-color: #f0f0f0; + margin: 6px 0; +} + +.table_wrapper table { + border-collapse: unset; + width: 100%; +} + +.table_wrapper.tight_table, +.table_wrapper.tight_table>*, +.table_wrapper.tight_table>*>table { + width: -moz-min-content; + width: min-content; +} + +tr:nth-child(odd) { + background-color: #e5e5e5; +} + +td { + vertical-align: middle; + min-width: fit-content; + min-width: -moz-fit-content; +} + +.tight_table td { + width: 1%; +} + +td:first-child { + padding: 3px 10px 6px; + white-space: nowrap; +} + +.tight_table td:first-child { + width: 100%; +} + +td>div.button { + margin-right: 4px; + white-space: nowrap; + float: right; +} -- cgit v1.2.3 From 4b59dced912fb9b50ff041c67f0f72cbbad56b6c Mon Sep 17 00:00:00 2001 From: Wojtek Kosior Date: Wed, 1 Sep 2021 14:14:51 +0200 Subject: add styling to settings install(import) dialog --- html/base.css | 19 +++++++++++++ html/display-panel.html | 27 +++++------------- html/display-panel.js | 1 - html/import_frame.html | 33 +++++++++++++++++----- html/import_frame.js | 74 +++++++++++++++++++++++-------------------------- html/options.html | 20 ++++++------- html/options_main.js | 6 +++- html/table.css | 1 - 8 files changed, 102 insertions(+), 79 deletions(-) (limited to 'html/table.css') diff --git a/html/base.css b/html/base.css index 0b9c7d3..94b3f31 100644 --- a/html/base.css +++ b/html/base.css @@ -13,6 +13,21 @@ body { overflow: auto; } +.bold, h2 { + font-weight: bold; +} + +h2 { + margin: 8px; + font-size: 120%; +} + +h3 { + padding: 5px; + font-size: 108%; + text-shadow: 0 0 0 #454; +} + textarea { font-family: monospace; } @@ -84,3 +99,7 @@ textarea: { .has_bottom_line::after { background: linear-gradient(#555, transparent); } + +.nowrap { + white-space: nowrap; +} diff --git a/html/display-panel.html b/html/display-panel.html index 4121c30..0806f26 100644 --- a/html/display-panel.html +++ b/html/display-panel.html @@ -17,15 +17,6 @@ width: -moz-max-content; } - .bold, h2 { - font-weight: bold; - } - - h2 { - margin: 8px; - font-size: 120%; - } - .top>h2 { padding-left: calc(0.8*3.2em - 8px); } @@ -38,12 +29,6 @@ padding-left: 0; } - h3 { - padding: 5px; - font-size: 108%; - text-shadow: 0 0 0 #454; - } - .unroll_chbx:not(:checked)+div>:not(:first-child) { display: none; } @@ -179,7 +164,7 @@