diff options
| author | Dhruv Srivastava <dhruvsri@google.com> | 2021-04-06 13:50:58 +0200 |
|---|---|---|
| committer | Paladox none <thomasmulhall410@yahoo.com> | 2021-04-12 15:39:03 +0000 |
| commit | 402292689334ec3cf4fb7be4afb0ad84e94e1500 (patch) | |
| tree | 7e4b8b2c4a8cc0f49e685c8c5ae82163987f1f16 | |
| parent | 31f3904d3ca71f4aeb3643346c475f4e4d81489a (diff) | |
Make the line length indicator color clearer
Issue: Bug 13648
Change-Id: I523d971f39db477d67e212d1175ec6f5be8be24d
(cherry picked from commit 595d19b40bd1ff1ef8930762b7cd9cbc64da90cb)
| -rw-r--r-- | polygerrit-ui/app/elements/diff/gr-diff/gr-diff_html.ts | 3 | ||||
| -rw-r--r-- | polygerrit-ui/app/styles/themes/app-theme.ts | 2 | ||||
| -rw-r--r-- | polygerrit-ui/app/styles/themes/dark-theme.ts | 2 |
3 files changed, 5 insertions, 2 deletions
diff --git a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff_html.ts b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff_html.ts index 16bcef6756..4a3cb7a37a 100644 --- a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff_html.ts +++ b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff_html.ts @@ -511,8 +511,7 @@ export const htmlTemplate = html` } /** Support the line length indicator **/ .full-width td.content .contentText { - /* Base 64 encoded 1x1px of #ddd */ - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8+x8AAr8B3gzOjaQAAAAASUVORK5CYII='); + background-image: var(--line-length-indicator); background-position: var(--line-limit) 0; background-repeat: repeat-y; } diff --git a/polygerrit-ui/app/styles/themes/app-theme.ts b/polygerrit-ui/app/styles/themes/app-theme.ts index 43ec2867a8..838d82bc34 100644 --- a/polygerrit-ui/app/styles/themes/app-theme.ts +++ b/polygerrit-ui/app/styles/themes/app-theme.ts @@ -375,6 +375,8 @@ const styleSheet = safeStyleSheet` /* misc */ --border-radius: 4px; --reply-overlay-z-index: 1000; + /* Base 64 encoded 1x1px of #681da8 */ + --line-length-indicator: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2PIlF2xAgAD+AHXfBDdKAAAAABJRU5ErkJggg=='); /* paper and iron component overrides */ --iron-overlay-backdrop-background-color: black; diff --git a/polygerrit-ui/app/styles/themes/dark-theme.ts b/polygerrit-ui/app/styles/themes/dark-theme.ts index f87777188e..d6e96dd755 100644 --- a/polygerrit-ui/app/styles/themes/dark-theme.ts +++ b/polygerrit-ui/app/styles/themes/dark-theme.ts @@ -228,6 +228,8 @@ function getStyleEl() { --syntax-variable-color: #f77669; /* misc */ + /* Base 64 encoded 1x1px of #d7aefb; */ + --line-length-indicator: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2O4vu73fwAIYAOAtqAXCQAAAABJRU5ErkJggg=='); /* paper and iron component overrides */ --iron-overlay-backdrop-background-color: white; |