mirror/maloja
1
0
Fork 0
mirror of https://github.com/krateng/maloja.git synced 2023-08-10 21:12:55 +03:00
Code Issues Projects Releases Wiki Activity

Experimental performance web view

Browse Source
This commit is contained in:
Krateng
2019-04-09 13:34:06 +02:00
parent b3423dabcf
commit 9846fd9952
7 changed files with 187 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
website/css/maloja.css
View File

@@ -305,16 +305,18 @@ span.stat_selector_pulse,span.stat_selector_topartists,span.stat_selector_toptra
/* SHINY*/
.medal {
top:5px;
position:relative;
overflow: hidden;
display: inline-block;
font-size:80%;
padding:3px;
margin:2px;
border-radius:2px;
}
.medal:after {
.shiny {
overflow: hidden;
position:relative;
display: inline-block;
}
.shiny:after {
content: "";
position: absolute;
top: -110%;
@@ -333,7 +335,7 @@ span.stat_selector_pulse,span.stat_selector_topartists,span.stat_selector_toptra
rgba(255, 255, 255, 0.0) 100%
);
}
.medal:hover:after {
.shiny:hover:after {
opacity: 1;
top: -30%;
left: -30%;
@@ -341,7 +343,7 @@ span.stat_selector_pulse,span.stat_selector_topartists,span.stat_selector_toptra
transition-duration: 0.7s, 0.7s, 0.15s;
transition-timing-function: ease;
}
.medal:active:after {
.shiny:active:after {
opacity: 0;
}
@@ -502,6 +504,33 @@ table.list tr:hover td.bar div {
cursor:pointer;
}
table.list td.chart {
width:500px;
background-color:#333337;
/* Remove 5er separators for bars */
/*border-color:rgba(0,0,0,0)!important;*/
}
table.list td.chart div {
background-color:beige;
height:20px; /* can only do this absolute apparently */
position:relative;
}
table.list tr:hover td.chart div {
cursor:pointer;
}
table.list tr td.chart div.gold {
background-color:gold;
}
table.list tr td.chart div.silver {
background-color:silver;
}
table.list tr td.chart div.bronze {
background-color:#cd7f32;
}
table.list tr td.button {
width:200px;
cursor:pointer;