sudacode/metrics
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Achievements plugin: add option to change display style (#473)

Browse Source
This commit is contained in:
Simon Lecoq
2021-08-12 19:09:13 +02:00
committed by GitHub
parent 2429c60723
commit 8c241b81cd
7 changed files with 89 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
source/templates/classic/style.css
View File

@@ -1004,37 +1004,55 @@
.achievement .gauge.info {
color: #58A6FF;
}
.achievement .value {
background-color: #58A6FF26;
}
.achievement.x .title {
color: #666666;
}
.achievement.x .gauge.info {
color: #B0B0B0;
}
.achievement.x .value {
background-color: #B0B0B026;
}
.achievement.b .title {
color: #9D8FFF;
}
.achievement.b .gauge.info {
color: #9E91FF;
}
.achievement.b .value {
background-color: #9E91FF26;
}
.achievement.a .title {
color: #D79533;
}
.achievement.a .gauge.info {
color: #E7BD69;
}
.achievement.a .value {
background-color: #E7BD6926;
}
.achievement.s .title {
color: #EB355E;
}
.achievement.s .gauge.info {
color: #EB355E;
}
.achievement.s .value {
background-color: #EB355E26;
}
.achievement.secret .title{
color: #FF76CD;
}
.achievement.secret .gauge.info {
color: #FF79D1;
}
.achievement .gh {
.achievement.secret .value {
background-color: #FF79D126;
}
.achievement .gh, .achievement .value {
border: 1px solid currentColor;
border-radius: 16px;
font-size: 10px;
@@ -1044,6 +1062,44 @@
.achievement .gauge-base, .achievement .gauge-arc {
stroke-width: 6;
}
.achievement .value-wrapper {
margin-bottom: -50px;
margin-top: 36px;
display: none;
position: relative;
}
.achievement .value {
margin-left: 46px;
}
.achievements.compact {
display: flex;
flex-wrap: wrap;
}
.achievements.compact .achievement {
flex-direction: column-reverse;
align-items: center;
width: 80px;
}
.achievements.compact .info {
width: 100%;
}
.achievements.compact .achievement .title {
margin-bottom: 2px;
text-transform: capitalize;
text-align: center;
}
.achievements.compact .achievement .title .prefix {
min-height: 13px;
font-size: 10px;
display: block;
margin-bottom: -.25rem;
}
.achievements.compact .achievement .value-wrapper {
display: flex;
}
.achievements.compact .achievement .text, .achievements.compact .achievement .gh {
display: none;
}
/* RSS feed */
.rss {