avior/code-stats-vscode
1
0
Fork 0
mirror of https://gitlab.com/aviortheking/code-stats-vscode.git synced 2025-06-07 15:59:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Html view

Browse Source
This commit is contained in:
Valentin Ivanov 2018-04-19 22:07:23 -04:00 committed by Juha Ristolainen
parent c578f8484a
commit 454fa33ce1
1 changed files with 28 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/xp-counter.ts
View File

@ -24,32 +24,35 @@ class HtmlProvider implements TextDocumentContentProvider {
provideTextDocumentContent(uri: Uri, token: CancellationToken): string | Thenable<string> { provideTextDocumentContent(uri: Uri, token: CancellationToken): string | Thenable<string> {
return ` return `
<style> <style>
.tile { .tile {
display: block; float: left;
float: left; width: 7rem;
width: 100px; height: 7rem;
padding-top: 2.5rem;
min-height: 100px; text-align: center;
background: red; background: gray;
margin: 2px; margin: 0.1rem;
border-radius: 5%; border-radius: 50%;
border: 10px; border-style: solid 2px;
border-color: black; border-color: black;
padding: 10px; color: #ddca7e;
color: white; font-size: 0.8em;
font-weight: bold; -webkit-box-sizing: border-box;
text-align: center; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; box-sizing: border-box;
-moz-box-sizing: border-box; }
box-sizing: border-box;
} .tile span {
font-weight: bold;
.tile:nth-child(even) { font-size: 1.2em;
background: blue; }
}
.tile:nth-child(even) {
background: gray;
}
</style> </style>
<div class="tile">C#</div> <div class="tile">C#<span style="display:block;">10</span></div>
<div class="tile">Elixir</div> <div class="tile">Elixir</div>
<div class="tile">TypeScript</div> <div class="tile">TypeScript</div>
<div class="tile">Rust</div> <div class="tile">Rust</div>