From fd1f6c9c3904f8d808d615347a4716a45b01af14 Mon Sep 17 00:00:00 2001 From: sjay8 Date: Mon, 10 Mar 2025 13:55:05 -0700 Subject: [PATCH 1/2] added alternating colors --- querybook/webapp/stylesheets/_variables.scss | 1 + querybook/webapp/ui/Table/Table.scss | 8 ++++++++ 2 files changed, 9 insertions(+) diff --git a/querybook/webapp/stylesheets/_variables.scss b/querybook/webapp/stylesheets/_variables.scss index e13b2b410..1bbb4a090 100644 --- a/querybook/webapp/stylesheets/_variables.scss +++ b/querybook/webapp/stylesheets/_variables.scss @@ -11,6 +11,7 @@ body { --color-primary-4: #d3d3d3; // BG-border --color-primary-5: #bfbfbf; // C-hover content + --color-transparent-light: rgba(0, 0, 0, 0.1); // text-select color --color-transparent-dark: rgba(255, 255, 255, 0.1); // text-select color diff --git a/querybook/webapp/ui/Table/Table.scss b/querybook/webapp/ui/Table/Table.scss index 11f350720..693a87af7 100644 --- a/querybook/webapp/ui/Table/Table.scss +++ b/querybook/webapp/ui/Table/Table.scss @@ -31,6 +31,14 @@ .rt-tr-group { border-bottom: none; + + &:nth-child(odd) { + background-color: var(--bg-lightest); /* current color for odd rows */ + } + + &:nth-child(even) { + background-color: var(--bg-dark); /* darker color for noticeable constrast for even rows */ + } } .rt-tr:not(.-padRow):hover { From 1e8eb33656697a5f707ad69f6af8550827acc375 Mon Sep 17 00:00:00 2001 From: sjay8 Date: Mon, 10 Mar 2025 13:56:18 -0700 Subject: [PATCH 2/2] spacing --- querybook/webapp/stylesheets/_variables.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/querybook/webapp/stylesheets/_variables.scss b/querybook/webapp/stylesheets/_variables.scss index 1bbb4a090..e13b2b410 100644 --- a/querybook/webapp/stylesheets/_variables.scss +++ b/querybook/webapp/stylesheets/_variables.scss @@ -11,7 +11,6 @@ body { --color-primary-4: #d3d3d3; // BG-border --color-primary-5: #bfbfbf; // C-hover content - --color-transparent-light: rgba(0, 0, 0, 0.1); // text-select color --color-transparent-dark: rgba(255, 255, 255, 0.1); // text-select color