More actions
No edit summary |
No edit summary |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
a.external.text::after { | a.external.text::after { | ||
display: none; | display: none; | ||
} | } | ||
.goalprogress__percentage { | .goalprogress__percentage { | ||
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 { | ||
background-color: var(--color-surface-3); | background-color: var(--color-surface-3); | ||
border-radius: var(--border-radius--medium); | border-radius: var(--border-radius--medium) var(--border-radius--medium) 0 0; | ||
font-size: 0.8125rem; | font-size: 0.8125rem; | ||
text-align: center; | text-align: center; | ||
| Line 18: | 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 { | |||
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; } | |||
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; }