diff options
author | Paladox none <thomasmulhall410@yahoo.com> | 2021-04-13 08:31:05 +0000 |
---|---|---|
committer | Gerrit Code Review <noreply-gerritcodereview@google.com> | 2021-04-13 08:31:05 +0000 |
commit | e3bea8176b3c9a4db9e696260fc0905cd1128e13 (patch) | |
tree | 65d3850c4751ee14f3e49f8ea77a19c9b56c098c | |
parent | c69e448a4a10a1dfcc75d8fd1448e57a7766e28e (diff) | |
parent | 402292689334ec3cf4fb7be4afb0ad84e94e1500 (diff) |
Merge "Make the line length indicator color clearer" into stable-3.4
-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; |