From 947d328b60b18ad5be128040e3b6523042d45082 Mon Sep 17 00:00:00 2001 From: CaptainPrinz Date: Sun, 15 Sep 2024 09:53:20 +0100 Subject: [PATCH 1/4] fix: implemented media queries for table --- static/styles/rewards/media-queries.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/static/styles/rewards/media-queries.css b/static/styles/rewards/media-queries.css index 3cdf4011..de147df0 100644 --- a/static/styles/rewards/media-queries.css +++ b/static/styles/rewards/media-queries.css @@ -18,6 +18,26 @@ header span:first-child::after { } } +@media screen and (max-width: 565px){ + #rewardRecipient > a { + display: inline-block; + width: 100%; + max-width: calc(0.8*100vw); + text-overflow: ellipsis; + overflow: hidden; + } +} + +@media screen and (min-width: 565px) { + #rewardRecipient > a { + display: inline-block; + width: 100%; + max-width: calc(0.64*565px); + text-overflow: ellipsis; + overflow: hidden; + } +} + /* @media screen and (min-height: 512px) { table[data-details-visible="false"] #additional-details-border ~ tr { From ec0ff84ca1e5cab44eebab2a418916355a8f7834 Mon Sep 17 00:00:00 2001 From: CaptainPrinz Date: Sun, 15 Sep 2024 09:54:02 +0100 Subject: [PATCH 2/4] fix: added predictable measurement --- static/styles/rewards/pay.css | 1 + 1 file changed, 1 insertion(+) diff --git a/static/styles/rewards/pay.css b/static/styles/rewards/pay.css index b87a55b2..f271ed99 100644 --- a/static/styles/rewards/pay.css +++ b/static/styles/rewards/pay.css @@ -20,6 +20,7 @@ font-weight: 400; text-transform: uppercase; letter-spacing: 2px; + box-sizing: border-box; } a { From e1f54dedc077631a4f1c8da4a8852458dd882d7b Mon Sep 17 00:00:00 2001 From: CaptainPrinz <131718427+CaptainPrinz@users.noreply.github.com> Date: Sun, 15 Sep 2024 10:36:34 +0100 Subject: [PATCH 3/4] fix: set optimal values for responsiveness --- static/styles/rewards/media-queries.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/static/styles/rewards/media-queries.css b/static/styles/rewards/media-queries.css index de147df0..0951b710 100644 --- a/static/styles/rewards/media-queries.css +++ b/static/styles/rewards/media-queries.css @@ -22,7 +22,7 @@ header span:first-child::after { #rewardRecipient > a { display: inline-block; width: 100%; - max-width: calc(0.8*100vw); + max-width: calc(0.5*100vw); text-overflow: ellipsis; overflow: hidden; } @@ -32,7 +32,7 @@ header span:first-child::after { #rewardRecipient > a { display: inline-block; width: 100%; - max-width: calc(0.64*565px); + max-width: calc(0.7*565px); text-overflow: ellipsis; overflow: hidden; } From a35fbd6f33919391f70a8186bbb9e179edb5a671 Mon Sep 17 00:00:00 2001 From: CaptainPrinz <131718427+CaptainPrinz@users.noreply.github.com> Date: Thu, 19 Sep 2024 06:51:04 +0100 Subject: [PATCH 4/4] Update static/styles/rewards/media-queries.css MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: アレクサンダー.eth <4975670+0x4007@users.noreply.github.com> --- static/styles/rewards/media-queries.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/styles/rewards/media-queries.css b/static/styles/rewards/media-queries.css index 0951b710..8b9a9bcb 100644 --- a/static/styles/rewards/media-queries.css +++ b/static/styles/rewards/media-queries.css @@ -22,7 +22,7 @@ header span:first-child::after { #rewardRecipient > a { display: inline-block; width: 100%; - max-width: calc(0.5*100vw); + max-width: 50vw; text-overflow: ellipsis; overflow: hidden; }