From 5adddb36ae9ca5435350d3fdeb33c0b113d929b0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=82=A2=E3=83=AC=E3=82=AF=E3=82=B5=E3=83=B3=E3=83=80?= =?UTF-8?q?=E3=83=BC=2Eeth?= Date: Mon, 11 Mar 2024 14:43:51 +0900 Subject: [PATCH 01/13] style: table head inset shadow to match loaded table body --- static/styles/rewards/claim-table.css | 1 + static/styles/rewards/light-mode.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/static/styles/rewards/claim-table.css b/static/styles/rewards/claim-table.css index 1b70354d..0ee05715 100644 --- a/static/styles/rewards/claim-table.css +++ b/static/styles/rewards/claim-table.css @@ -270,6 +270,7 @@ table[data-details-visible="true"] #rewardRecipient .full { } table thead { display: table-row-group; + box-shadow: inset 0 0 96px #00bfff10; } table tbody { display: none; diff --git a/static/styles/rewards/light-mode.css b/static/styles/rewards/light-mode.css index f8b7817f..7627ae1e 100644 --- a/static/styles/rewards/light-mode.css +++ b/static/styles/rewards/light-mode.css @@ -75,7 +75,7 @@ border: 1px solid var(--light-mode-border-color); /* box-shadow: inset 0 0 96px #00000010; */ } - + table thead, table tbody { box-shadow: inset 0 0 96px #00000008; } From 2cccd367bd82b8ba1985163cb1396caa9ca3c951 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=82=A2=E3=83=AC=E3=82=AF=E3=82=B5=E3=83=B3=E3=83=80?= =?UTF-8?q?=E3=83=BC=2Eeth?= Date: Mon, 11 Mar 2024 15:40:17 +0900 Subject: [PATCH 02/13] style: fade in claim table after load --- static/index.html | 3 +- static/styles/rewards/claim-table.css | 73 ++++++++++++++++++--------- static/styles/rewards/light-mode.css | 11 +++- 3 files changed, 61 insertions(+), 26 deletions(-) diff --git a/static/index.html b/static/index.html index 808d10c5..ec18e1e3 100644 --- a/static/index.html +++ b/static/index.html @@ -66,6 +66,7 @@ + @@ -167,7 +168,7 @@ - +