fermdez/SW
fermdez/SW
1
1
Fork 0
Code Issues Pull Requests Packages repo.project_board Releases Wiki Activity

la tablelike funciona con un grid

Browse Source
This commit is contained in:
Markines16 2021-05-27 20:26:58 +02:00 committed by GitHub
parent 6e18e93fc2
commit cfd65e645a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 80 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

104
assets/css/manager.css
View File

@ -67,17 +67,21 @@ table.seat td:first-child {
background-color: #791515; background-color: #791515;
} }
/*lists like tables*/
.tablelist{ .tablelist{
list-style-type: none; display: grid;
width: 100%; list-style-type: none;
padding: 0;
margin: 0;
} }
.tablelist a .tablelist li {
{ border-bottom: 1px solid black;
padding: 10px;
font-size: 20px;
text-align: center;
}
.tablelist a {
color: #000000; color: #000000;
width: 33%
} }
.tablelist a:hover li{ .tablelist a:hover li{
@ -85,29 +89,81 @@ table.seat td:first-child {
background: rgba(0, 3, 255, 0.25); background: rgba(0, 3, 255, 0.25);
} }
.tablelist li .tablelist li.title{
font-weight: bold;
}
/*3columns*/
.col3{
grid-template-columns: repeat(3,1fr);
}
.col3 .odd{
background: rgba(144, 144, 144, 0.25);
display: grid;
grid-column-start: 1;
grid-column-end: 4;
grid-template-columns: repeat(3,1fr);
}
.col3 .even{
display: grid;
grid-column-start: 1;
grid-column-end: 4;
grid-template-columns: repeat(3,1fr);
}
.tablelist.col3 a.h2long
{ {
border-bottom: 1px solid #000; display: grid;
float: left; grid-column-start: 1;
width: 33%; grid-column-end: 3;
white-space: pre; grid-template-columns: repeat(2,1fr);
padding: 10px;
text-align:center;
} }
.tablelist li.title .tablelist.col3 a
{
font-weight: bold;
pointer-events: none;
}
.tablelist li:nth-child(3n)
{ {
clear: both; display: grid;
grid-column-start: 3;
grid-column-end: 4;
grid-template-columns: repeat(1,1fr);
} }
.tablelist .odd li /*5 columns*/
.col5{
grid-template-columns: repeat(5,1fr);
}
.col5 .odd{
background: green;
display: grid;
grid-column-start: 1;
grid-column-end: 6;
grid-template-columns: repeat(5,auto);
}
.col5 .even{
background: pink;
display: grid;
grid-column-start: 1;
grid-column-end: 6;
grid-template-columns: repeat(5,auto);
}
.tablelist.col5 a.h4long
{ {
background-color:rgba(144, 144, 144, 0.25); display: grid;
grid-column-start: 1;
grid-column-end: 5;
grid-template-columns: repeat(4,auto);
} }
.tablelist.col5 a
{
display: grid;
grid-column-start: 5;
grid-column-end: 6;
grid-template-columns: auto;
}