github commits { display: calendar; } by leizingyiu

/* ==UserStyle==
@name         github commits { display: calendar; }
@version      20240612.07.29
@namespace    leizingyiu.net
@description  github commits { display: calendar; }
@author       Leizingyiu
@license      GNU GPLv3
==/UserStyle== */

@-moz-document regexp("https://github\\.com/[^/]*/[^/]*/commits/.*") {
.mb-3>*{
	width: calc(100% / 7  )!important;
}

.mb-3>* li{
	display: block;
}

.mb-3>* li>*{
	display: inline-block;
	max-width: 100%;
}

.mb-3>* li>* a,
.mb-3>* li>* a>span.Button-content,
.mb-3>* li>* a>span.Button-content>span{
	width: 100%!important;
overflow: hidden!important;
}


.Timeline-Item{
	margin: 0;
	padding: 0;
}
.Timeline-Item::before{display: none;}

.Timeline-Item>*:first-child{display: none;}



.mb-3{
	position: relative;
	margin-left:0!important;
}
.ml-5{
	margin-left: 0!important;
}
.mb-3::after {
  content: "";
  display: block;
  clear: both;
}

.mb-3>h2{
	display: none!important;
}
.mb-3>*{
		float: left;
	position: relative;
		left:  calc(  var(--yiu-github-calendar-offset)/7 * 100% );
 	transform: translate(calc((var(--yiu-github-calendar-day) - 1)* 1em), 0);

}

.mb-3>.Timeline-Item{
	width: 0.01%!important;
	padding-top: 3em;
}

.mb-3>.Timeline-Item>div{
	position: relative;
}
.mb-3>.Timeline-Item h3{
	width: 142800%!important;
	max-width: 100vw!important;
	position: relative!important;
	bottom: 100%!important;
}
.mb-3>.Timeline-Item h3:after{
content: attr(yiu-github-calendar-day);
	display: block;
}


.mb-3>.border{
	margin-top: 3em;
	    margin-bottom: 2em;

	padding: 0.5em;
	
/* 	    margin-right: -1em; */
}


.clearFloat{
	clear: left;
}
}