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" (part2), /style fixed delete, show comments buttons on index.js/

Browse source
This commit is contained in:
ndaniel1102 2021-03-20 22:10:14 +01:00
parent 7f4163736c
commit e311b88508
6 changed files with 78 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2,6 +2,7 @@
display: flex;
flex-flow: column;
height: calc(98vh);
cursor: default;
}
.container:first-child {
@ -12,40 +13,59 @@
flex: 1 1 auto;
overflow-y: scroll;
overflow-x: hidden;
background-color: #1f2021;
background-color: #1b1b1c;
padding-top: 5px;
padding-bottom: 10px;
}
.sumRow {
font-size: 16px;
font-weight: 500;
display: flex;
padding-top: 5px;
padding-right: 16px;
margin-top: 30px;
background-color: var(--hoover-color);
}
.row,
.headerRow {
font-size: 15px;
display: flex;
padding: 1px;
padding-right: 15px;
background-color: var(--hoover-color);
}
.row {
display: flex;
padding: 1.5px;
}
.row:hover {
background-color: #191919;
background-color: #242323;
cursor: default;
text-shadow: 1px 1px 6px gray;
text-shadow: 1px 1px 6px #969696;
color: var(--text-color);
}
.row div,
.headerRow div {
.headerRow div, .sumRow div {
flex: 1;
padding: 0px 5px;
text-align: center;
}
.headerRow > div {
.headerRow > div, .sumRow > div {
padding: 5px;
}
.row :nth-child(1),
.headerRow :nth-child(1) {
flex: 0 30px;
.headerRow :nth-child(1), .sumRow :nth-child(1) {
flex: 0 50px;
}
.row :nth-child(2),
.headerRow :nth-child(2) {
.headerRow :nth-child(2), .sumRow :nth-child(2) {
flex: 0 130px;
text-align: left;
}
@ -64,7 +84,8 @@
}
.selfRow:hover {
background-color: #9999ee;
background-color: #96810b;
color: gainsboro;
}
.text {
@ -81,10 +102,6 @@
padding-top: 20px;
}
.selected {
background-color: #222;
}
.sumrow {
color: white;
}
@ -96,9 +113,20 @@
}
.selectContainer > select {
width: 30%;
width: 16.5%;
border-radius: 5px;
border: 1.5px solid white;
background-color: #9c9c98;
color: azure;
font-family: inherit;
margin: 6px 0px;
}
.selectContainer > select:hover, .selectContainer > select:active {
border: 2px solid var(--text-color);
}
.selectContainer > div {
padding: 0px 5px;
margin-right: 8px;
}