More actions
(center break text on smaller screens) |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 22: | Line 22: | ||
.goalprogress__bar { | .goalprogress__bar { | ||
height: 100%; | height: 100%; | ||
border-right: 2px solid var(-- | border-right: 2px solid var(--prism-blue-2); | ||
background-color: var(-- | background-color: var(--prism-blue-1); | ||
border-top-left-radius: var(--border-radius--medium); | border-top-left-radius: var(--border-radius--medium); | ||
max-width: 100%; | |||
} | } | ||
.goalinformation { | .goalinformation { | ||
Latest revision as of 05:12, 17 July 2024
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) var(--border-radius--medium) 0 0;
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(--prism-blue-2);
background-color: var(--prism-blue-1);
border-top-left-radius: var(--border-radius--medium);
max-width: 100%;
}
.goalinformation {
display: flex;
align-items: center;
justify-content: space-between;
}
.goallastUpdated {
color: var(--color-base--subtle);
}
/* Text wrap on small sizes */
.currentGoal {
text-align: center;
margin-right: 5px;
}
.goallastUpdated {
text-align: center;
margin-left: 5px;
}
/* Hover */
.goalprogress__container-hover .hovered { display: none; }
.goalprogress__container-hover:hover .hovered { display: block; }
.goalprogress__container-hover:hover .initial { display: none; }