From 689fe25a72884ca8086d3da23b0650d2e2a53662 Mon Sep 17 00:00:00 2001 From: Electron - Mark Firth Date: Tue, 26 Jun 2018 23:40:44 +1000 Subject: [PATCH 1/2] Tourniquets Text Over 20VW to Fix Table Length Issue Same CSS fix as https://github.com/lbryio/lbry-app/pull/1692 --- src/renderer/scss/component/_table.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/renderer/scss/component/_table.scss b/src/renderer/scss/component/_table.scss index 57c5d98d5..31e362158 100644 --- a/src/renderer/scss/component/_table.scss +++ b/src/renderer/scss/component/_table.scss @@ -13,6 +13,11 @@ table.table, tr td:last-of-type, tr th:last-of-type { padding-right: $spacing-vertical * 2/3; +/*Tourniquets text over 20VW*/ + max-width: 20vw; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } thead { From c68eaba650b87ad108695649c7b1f5c9e4e16f91 Mon Sep 17 00:00:00 2001 From: Electron - Mark Firth Date: Wed, 27 Jun 2018 01:21:30 +1000 Subject: [PATCH 2/2] Only Affects Help Table table.table--help { td:nth-of-type(1) { color: var(--text-color); font-family: 'metropolis-semibold'; min-width: 130px; } td:nth-of-type(2) { /*Tourniquets text over 20VW*/ max-width: 20vw; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } --- src/renderer/scss/component/_table.scss | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/src/renderer/scss/component/_table.scss b/src/renderer/scss/component/_table.scss index 31e362158..b7832afab 100644 --- a/src/renderer/scss/component/_table.scss +++ b/src/renderer/scss/component/_table.scss @@ -13,11 +13,6 @@ table.table, tr td:last-of-type, tr th:last-of-type { padding-right: $spacing-vertical * 2/3; -/*Tourniquets text over 20VW*/ - max-width: 20vw; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } thead { @@ -85,6 +80,13 @@ table.table--help { font-family: 'metropolis-semibold'; min-width: 130px; } + td:nth-of-type(2) { +/*Tourniquets text over 20VW*/ + max-width: 20vw; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } } table.table--transactions {