More actions
No edit summary |
No edit summary |
||
| Line 5: | Line 5: | ||
position: absolute; | position: absolute; | ||
top: 0.35rem; | top: 0.35rem; | ||
left: | left: 50%; | ||
transform: translate(-50%, 0); | |||
border-radius: 100px; | |||
padding: 0 5px 0 5px; | |||
background: var(--color-surface-2); | |||
} | } | ||
.goalprogress__container { | .goalprogress__container { | ||
Revision as of 23:30, 7 February 2023
a.external.text::after {
display: none;
}
.goalprogress__percentage {
position: absolute;
top: 0.35rem;
left: 50%;
transform: translate(-50%, 0);
border-radius: 100px;
padding: 0 5px 0 5px;
background: var(--color-surface-2);
}
.goalprogress__container {
background-color: var(--color-surface-3);
border-radius: var(--border-radius--medium);
font-size: 0.8125rem;
text-align: center;
position: relative;
border: 1px solid var(--border-color-base);
height: 2rem;
}
.goalprogress__bar {
height: 100%;
border-right: 2px solid var(--color-primary);
background-color: var(--background-color-primary--active);
border-bottom-left-radius: var(--border-radius--medium);
border-top-left-radius: var(--border-radius--medium);
}