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

Rework of page "ranklist" (part1), color changed on "loadingindicator"

Browse source
This commit is contained in:
ndaniel1102 2021-03-16 16:11:45 +01:00
parent b0cbc5aa5e
commit 230d11ee81
4 changed files with 114 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,81 +1,108 @@
.table,
.sinceTable {
display: flex;
flex-direction: column;
padding: 0px 10px;
.wrapper {
position: relative;
margin-top: -9px;
}
.table :nth-child(1),
.sinceTable :nth-child(1) {
color: white;
.table {
margin-top: 278px;
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;
}
.sinceHeaderRow:hover {
border: 1.5px solid var(--text-color);
}
.row,
.headerRow,
.sinceHeaderRow {
display: flex;
padding: 1px;
.headerRow {
display: flex;
padding: 1px;
}
.row:hover {
background-color: #333333;
}
.row:hover {
background-color: #191919;
cursor: default;
text-shadow: 1px 1px 6px gray;
color: var(--text-color);
}
.row div,
.headerRow div,
.sinceHeaderRow div {
flex: 1;
padding: 0px 5px;
text-align: center;
}
.row div,
.headerRow div,
.sinceHeaderRow div {
flex: 1;
padding: 0px 5px;
text-align: center;
}
.headerRow div,
.sinceHeaderRow div {
padding: 15px 5px;
}
.headerRow div,
.sinceHeaderRow div {
padding: 15px 5px;
}
.row :nth-child(1),
.headerRow :nth-child(1) {
flex: 0 30px;
}
.row :nth-child(1),
.headerRow :nth-child(1) {
flex: 0 30px;
}
.row :nth-child(2),
.headerRow :nth-child(2) {
flex: 0 100px;
text-align: left;
}
.row :nth-child(2),
.headerRow :nth-child(2) {
flex: 0 100px;
text-align: left;
}
.clickable:hover {
background-color: var(--hoover-color);
background-color: var(--hoover-color);
}
.clickable {
cursor: pointer;
cursor: pointer;
}
.selfRow {
background-color: #9999ff;
color: black;
background-color: #9999ff;
color: black;
}
.selfRow:hover {
background-color: #9999ee;
}
.selfRow:hover {
background-color: #9999ee;
}
.text {
text-align: center;
font-size: 12px;
text-align: center;
font-size: 12px;
font-style: italic;
color: var(--text-color);
padding-bottom: 10px;
}
.infoText {
text-align: center;
font-size: 20px;
text-align: center;
font-size: 20px;
padding-top: 20px;
}
.selected {
background-color: #9999ff;
background-color: #9999ff;
}
.sumrow {
color: white;
color: white;
}