diff --git a/web_src/css/base.css b/web_src/css/base.css index b004c5724f..a8d9dea2a2 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -17,6 +17,7 @@ /* images */ --checkbox-mask-checked: url('data:image/svg+xml;utf8,'); --checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,'); + --octicon-alert-fill: url('data:image/svg+xml;utf8,'); --octicon-chevron-right: url('data:image/svg+xml;utf8,'); --octicon-x: url('data:image/svg+xml;utf8,'); --select-arrows: url('data:image/svg+xml;utf8,'); diff --git a/web_src/css/review.css b/web_src/css/review.css index 16103f8d8f..8fb5e1e29a 100644 --- a/web_src/css/review.css +++ b/web_src/css/review.css @@ -15,12 +15,23 @@ transform: scale(1.1); } +.lines-escape .toggle-escape-button { + padding: 2px; + transform: translateY(-1px); +} + .lines-escape .toggle-escape-button::before { visibility: visible; - content: "⚠️"; - font-family: var(--fonts-emoji); - padding: 0 2px; - color: var(--color-red); + content: ""; + display: inline-block; + width: 14px; + height: 14px; + vertical-align: middle; + background-color: var(--color-yellow); + mask-image: var(--octicon-alert-fill); + -webkit-mask-image: var(--octicon-alert-fill); + mask-size: contain; + -webkit-mask-size: contain; } .repository .diff-file-box .code-diff td.lines-escape {