diff --git a/app/routes/plus/voting/index.tsx b/app/routes/plus/voting/index.tsx index 4df7563ec..3a9e44020 100644 --- a/app/routes/plus/voting/index.tsx +++ b/app/routes/plus/voting/index.tsx @@ -115,6 +115,14 @@ function Voting(data: Extract) { return (
+ {progress ? ( + + ) : null} {previous ? (

Previously{" "} diff --git a/app/styles/global.css b/app/styles/global.css index 0157b802b..d81fb0780 100644 --- a/app/styles/global.css +++ b/app/styles/global.css @@ -221,6 +221,10 @@ textarea:not(.plain) { white-space: pre; } +progress { + accent-color: var(--theme); +} + textarea:not(.plain):focus-within { border-color: transparent; diff --git a/app/styles/plus.css b/app/styles/plus.css index c4a3d1141..b324f6f8a 100644 --- a/app/styles/plus.css +++ b/app/styles/plus.css @@ -104,10 +104,14 @@ .plus-voting__vote-button { width: 6rem; height: 2.5rem; - font-size: var(--fonts-md); color: var(--text) !important; + font-size: var(--fonts-md); } .plus-voting__vote-button.downvote { border-color: var(--theme-error-transparent); } + +.plus-voting__progress { + width: 100%; +}