diff --git a/coinmanager/coinc/static/coinc/styles.css b/coinmanager/coinc/static/coinc/styles.css index 784a943..41abdc0 100644 --- a/coinmanager/coinc/static/coinc/styles.css +++ b/coinmanager/coinc/static/coinc/styles.css @@ -17,6 +17,7 @@ along with this program. If not, see . */ + html, table, tr, td, div { margin: 0; padding: 0; @@ -53,56 +54,62 @@ table { margin-bottom: 30px !important; } -table tr { +th { + position: sticky; +} + +tr { height: 30px; } -table td { +td { overflow: hidden; vertical-align: middle; white-space: nowrap; } -table > thead > tr > th { - position: sticky; -} - -table > thead > tr:first-child > th { - border-bottom: 1.7px solid black; +thead > tr:first-child > th { background-image: linear-gradient(0, #9fc5e8, white); background-position: 100% 100%; padding: 5px; text-align: left; top: 0; } -table > thead > tr:nth-child(2) > th { - background-color: white; -} -table > thead > tr:nth-child(2) > th:after { - content: ''; - position: absolute; - left: -0.7px; - top: -1.4px; - width: 30px; - height: 30px; - border-top: 1px solid gray; - border-left: 1px solid gray; - border-bottom: 1px solid gray; -} -table > thead > tr:nth-child(2) > th, table > tbody > tr > td { - text-align: center; - font-size: 0.8rem; - font-weight: normal; +thead > tr:nth-child(2) > th { + background-color: white; top: 36px; } -table > tbody > tr > td { +thead > tr:nth-child(2) > th:after { + content: ''; + position: absolute; + left: 0; + top: -1px; + width: 30px; + height: 32px; + border-top: 1px solid gray; + border-left: 1px solid gray; + border-bottom: 2px solid black; +} + +thead > tr:nth-child(2) > th:last-child:after { + border-right: 1px solid gray; +} + + +thead > tr:nth-child(2) > th, table > tbody > tr > td { + text-align: center; + font-size: 0.8rem; + font-weight: normal; +} + +tbody > tr > td { background-color: #b7b7b7; border: 1px solid gray; } -table > tbody > tr > td > div.coin { +tbody > tr > td > div.coin { position: relative; height: 30px; width: 30px; @@ -163,10 +170,6 @@ div.found { clip-path: polygon(100% 70%, 100% 100%, 70% 100%); } -div.Moritz { - background-color: red; -} - div.username { position: fixed; left: 0; @@ -200,5 +203,3 @@ div#username { background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } - -.hide { display: none; } diff --git a/coinmanager/coinc/templates/coinc/username.html b/coinmanager/coinc/templates/coinc/username.html index 1b2d48d..3307456 100644 --- a/coinmanager/coinc/templates/coinc/username.html +++ b/coinmanager/coinc/templates/coinc/username.html @@ -1,11 +1,26 @@
- - - + + + + + + +