lkva/NDOJ
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add submission activity chart

Browse source
This commit is contained in:
cuom1999 2020-12-25 19:02:14 -06:00
parent 61587679f7
commit 528f229b79
5 changed files with 309 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
resources/table.scss
View file

@ -1,7 +1,5 @@
@import "vars";
$table_header_rounding: 6px;
.table {
border-spacing: 0;
width: 100%;

99
resources/users.scss
View file

@ -1,3 +1,5 @@
@import "vars";
@media(min-width: 400px) {
#content-right {
&.users {
@ -293,4 +295,101 @@ a.edit-profile {
}
.unfollow:hover {
background: darkred;
}
#submission-activity {
#submission-activity-actions {
text-align: center;
#prev-year-action, #next-year-action {
font-size: 1.75em;
}
#year {
font-size: 1.25em;
color: #444;
}
}
#submission-activity-display {
border: 1px solid $border_gray;
border-radius: $table_header_rounding;
.info-bar {
display: flex;
justify-content: space-between;
.info-table {
width: 15%;
min-width: 130px;
.info-table-text {
width: 8%;
}
}
}
.info-text {
font-size: 0.75em;
line-height: 1;
font-weight: 100;
color: #444;
}
#submission-total-count {
align-self: center;
padding-left: 8%;
font-size: 0.85em;
}
@media(max-width: 1000px) {
#submission-total-count {
padding-left: 5px;
}
}
table {
width: 100%;
padding: 5px;
th.submission-date-col {
width: 8%;
}
@media (max-width: 1000px) {
th.submission-date-col {
display: none;
}
}
td {
border-radius: 20%;
div {
margin-top: 100%;
}
&.activity-label {
position: relative;
white-space: nowrap;
}
&.activity-blank {
background-color: white;
}
&.activity-0 {
background-color: #ddd;
}
&.activity-1 {
background-color: #9be9a8;
}
&.activity-2 {
background-color: #40c463;
}
&.activity-3 {
background-color: #2f9c4c;
}
&.activity-4 {
background-color: #216e39;
}
}
}
}
}

1
resources/vars.scss
View file

@ -7,5 +7,6 @@ $announcement_red: #ae0000;
$base_font_size: 14px;
$widget_border_radius: 4px;
$table_header_rounding: 6px;
$monospace-fonts: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;