public/website
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Vereenvoudigen tabel-layout en structuur

Browse source
This commit is contained in:
Michael Boelen 2023-05-16 20:41:31 +02:00
parent f0808ee686
commit c5ad73f6f8
3 changed files with 4 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

65
themes/nluug/assets/scss/styles.scss
View file

@ -435,6 +435,7 @@ img {
.table-wrapper{
margin: 10px 10px 30px;
box-shadow: 0px 10px 20px rgba( 0, 0, 0, 0.2 );
overflow-x:auto;
}
.fl-table {
@ -473,67 +474,3 @@ img {
background: #F8F8F8;
}
/* Responsive */
@media (max-width: 499px) {
.fl-table {
display: block;
width: 100%;
}
.table-wrapper:before{
content: "Scroll horizontally >";
display: block;
text-align: right;
font-size: 12px;
color: white;
padding: 0 0 10px;
}
.fl-table thead, .fl-table tbody, .fl-table thead th {
display: block;
}
.fl-table thead th:last-child{
border-bottom: none;
}
.fl-table thead {
float: left;
}
.fl-table tbody {
width: auto;
position: relative;
overflow-x: auto;
}
.fl-table td, .fl-table th {
padding: 20px .625em .625em .625em;
height: 60px;
//vertical-align: middle;
box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto;
width: 120px;
font-size: 14px;
text-overflow: ellipsis;
}
.fl-table thead tr th {
border-bottom: 1px solid #f7f7f9;
}
.fl-table tbody tr {
display: table-cell;
}
.fl-table tbody tr:nth-child(odd) {
background: none;
}
.fl-table tr:nth-child(even) {
background: transparent;
}
.fl-table tr td:nth-child(odd) {
background: #F8F8F8;
border-right: 1px solid #E6E4E4;
}
.fl-table tr td:nth-child(even) {
border-right: 1px solid #E6E4E4;
}
.fl-table tbody td {
display: block;
text-align: center;
}
}