opendev/gerrit
Code Issues Proposed changes

Merge "Fix thick border on votes in reply dialog"

Browse Source
This commit is contained in:
Milutin Kristofic
2021-03-30 20:27:04 +00:00
committed by Gerrit Code Review
parent 820fab0c80 9c8a8c25b0
commit 342eb149a9
6 changed files with 72 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
polygerrit-ui/app/elements/change/gr-label-score-row/gr-label-score-row_html.ts
View File

@@ -64,8 +64,16 @@ export const htmlTemplate = html`
--button-background-color: var(--vote-color-recommended);
--gr-button: {
padding: 0 var(--spacing-m);
border-radius: 1em;
border: 1px solid var(--vote-outline-recommended);
border-style: solid;
border-color: var(--vote-outline-recommended);
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
border-bottom-left-radius: 1em;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
color: var(--chip-color);
}
}
@@ -76,8 +84,16 @@ export const htmlTemplate = html`
--button-background-color: var(--vote-color-disliked);
--gr-button: {
padding: 0 var(--spacing-m);
border-radius: 1em;
border: 1px solid var(--vote-outline-disliked);
border-style: solid;
border-color: var(--vote-outline-disliked);
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
border-bottom-left-radius: 1em;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
color: var(--chip-color);
}
}

39
polygerrit-ui/app/elements/diff/gr-diff/gr-diff_html.ts
View File

@@ -348,9 +348,16 @@ export const htmlTemplate = html`
transform: translateY(-50%);
--gr-button: {
color: var(--diff-context-control-color);
border: solid var(--border-color);
border-width: 1px;
border-radius: var(--border-radius);
border-style: solid;
border-color: var(--border-color);
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
padding: var(--spacing-s) var(--spacing-l);
}
}
@@ -368,9 +375,16 @@ export const htmlTemplate = html`
transform: translateY(-100%);
--gr-button: {
color: var(--diff-context-control-color);
border: solid var(--border-color);
border-width: 1px 1px 0 1px;
border-radius: var(--border-radius) var(--border-radius) 0 0;
border-style: solid;
border-color: var(--border-color);
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0;
border-left-width: 1px;
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: var(--spacing-xxs) var(--spacing-l);
}
}
@@ -379,9 +393,16 @@ export const htmlTemplate = html`
top: calc(100% + var(--divider-border));
--gr-button: {
color: var(--diff-context-control-color);
border: solid var(--border-color);
border-width: 0 1px 1px 1px;
border-radius: 0 0 var(--border-radius) var(--border-radius);
border-style: solid;
border-color: var(--border-color);
border-top-width: 0;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
padding: var(--spacing-xxs) var(--spacing-l);
}
}

5
polygerrit-ui/app/elements/shared/gr-account-chip/gr-account-chip_html.ts
View File

@@ -42,7 +42,10 @@ export const htmlTemplate = html`
}
gr-button.remove {
--gr-remove-button-style: {
border: 0;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
color: var(--deemphasized-text-color);
font-weight: var(--font-weight-normal);
height: 0.6em;

5
polygerrit-ui/app/elements/shared/gr-button/gr-button_html.ts
View File

@@ -53,7 +53,10 @@ export const htmlTemplate = html`
font: inherit;
text-transform: uppercase;
outline-width: 0;
border-radius: var(--border-radius);
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;

5
polygerrit-ui/app/elements/shared/gr-linked-chip/gr-linked-chip_html.ts
View File

@@ -31,7 +31,10 @@ export const htmlTemplate = html`
}
gr-button.remove {
--gr-remove-button-style: {
border: 0;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
color: var(--deemphasized-text-color);
font-weight: var(--font-weight-normal);
height: 0.6em;

12
polygerrit-ui/app/styles/gr-voting-styles.ts
View File

@@ -27,8 +27,16 @@ $_documentContainer.innerHTML = `<dom-module id="gr-voting-styles">
<style>
:host {
--vote-chip-styles: {
border: 1px solid var(--border-color);
border-radius: 1em;
border-style: solid;
border-color: var(--border-color);
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
border-bottom-left-radius: 1em;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
box-shadow: none;
box-sizing: border-box;
min-width: 3em;