albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Ranklist table fixes

Browse source
This commit is contained in:
mrfry 2021-03-16 19:34:21 +01:00
parent 2456794387
commit 7f4163736c
2 changed files with 110 additions and 129 deletions
Download patch file Download diff file Expand all files Collapse all files

75
src/pages/ranklist.module.css
View file

@ -1,51 +1,20 @@
.wrapper {
position: relative;
margin-top: -9px;
.container {
display: flex;
flex-flow: column;
height: calc(98vh);
}
.container:first-child {
flex: 0 1 auto;
}
.table {
margin-top: 278px;
flex: 1 1 auto;
overflow-y: scroll;
overflow-x: hidden;
background-color: #1f2021;
}
.sinceTable {
position: fixed;
display: flex;
flex-direction: column;
padding-top: 10px;
padding-left: 5px;
background-color: var(--background-color);
width: 87%;
top: 0;
}
.sinceHeaderRow {
display: flex;
width: 10%;
border-radius: 5px;
border: 1.5px solid white;
background-color: #999999;
}
select.sinceHeaderRow {
display: flex;
width: 10%;
border-radius: 5px;
border: 1.5px solid white;
background-color: #999999;
font-family: inherit;
font-weight: 500;
padding-left: 4px;
padding-top: 2px;
}
.sinceHeaderRow:hover {
border: 1.5px solid var(--text-color);
}
select.sinceHeaderRow:hover {
border: 1.5px solid var(--text-color);
}
.row,
.headerRow {
display: flex;
@ -60,16 +29,14 @@ select.sinceHeaderRow:hover {
}
.row div,
.headerRow div,
.sinceHeaderRow div {
.headerRow div {
flex: 1;
padding: 0px 5px;
text-align: center;
}
.headerRow div,
.sinceHeaderRow div {
padding: 15px 5px;
.headerRow > div {
padding: 5px;
}
.row :nth-child(1),
@ -79,7 +46,7 @@ select.sinceHeaderRow:hover {
.row :nth-child(2),
.headerRow :nth-child(2) {
flex: 0 100px;
flex: 0 130px;
text-align: left;
}
@ -92,7 +59,7 @@ select.sinceHeaderRow:hover {
}
.selfRow {
background-color: #9999ff;
background-color: var(--text-color);
color: black;
}
@ -115,19 +82,23 @@ select.sinceHeaderRow:hover {
}
.selected {
background-color: #9999ff;
background-color: #222;
}
.sumrow {
color: white;
}
.timeRangeSelect {
.selectContainer {
display: flex;
justify-content: center;
align-items: center;
}
.timeRangeSelect > div {
.selectContainer > select {
width: 30%;
}
.selectContainer > div {
padding: 0px 5px;
}