File: /var/www/vhosts/creativefellows.nl/mygeomil.creativefellows.nl/21072025/public/scss/_table.scss
.table{
font-size:0.9375rem;
margin-bottom:1.5rem;
.grid-padding-x{margin:0;}
.table__row{
border-bottom:solid 1px $light-gray;
padding:0.5rem 0;
}
.table__row-no-margin{
.cell{padding:0;}
}
.table__row-last-item{
border:none;
.button{margin:1rem 0 0 0;}
}
.table__row-no-border{
border:none;
}
.ui-sortable-helper{
background:$white;
border-top:solid 1px $light-gray;
}
.table__row[article-row]:hover{
background-color:rgba($light-gray,0.25);
}
.table__header{
background:$secondary-color;
border:none;
font-weight:bold;
@include border-radius(0.375rem 0.375rem 0 0);
a{color:$black;}
}
.table__row--inactive{
color:$medium-gray;
a{color:$medium-gray;}
.table__row-status--active{color:$light-gray;}
}
.cell{padding:0 0.75rem;}
.cell__row-number{
position:relative;
color:$medium-gray;
}
.cell__row-price{
text-align:right;
}
.cell__trash{
i{color:$medium-gray;}
a,button{
&:hover i{color:$primary-color;}
}
}
.cell__to-cart{
button{cursor:pointer;color:$medium-gray;}
button:hover i{color:$primary-color;}
}
.cell__parent{
position:relative;
&::before{content:"\f07b";padding-right:0.5rem;font-family: "Font Awesome 5 Pro";font-size:0.75rem;color:$medium-gray;}
}
.cell__child{
position:relative;
&::before{content:"\f054";padding-left:1.5rem;padding-right:0.5rem;font-family: "Font Awesome 5 Pro";font-size:0.75rem;color:$medium-gray;}
// &::after{content:"";height:1.5rem;border-left:solid 1px $light-gray; position:absolute;left:1rem;}
}
.sort-column__asc,
.sort-column__desc,
.sort-column:hover
{
&::after{
content:"";
height:1rem;width:0;display:inline-block;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M48 77L3 32h90L48 77z'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
background-size:100% auto;
padding-right:0.75rem;
margin-left:0.25rem;
vertical-align:middle;
transform: rotate(0);
opacity:0.25;
@include animate();
}
}
.sort-column__asc:hover,
.sort-column__desc{
&::after{
transform: rotate(180deg);
}
}
.figure-position{display:none;}
.image__fixed-height{
overflow:hidden;
margin:0.375rem 1rem 0 0;
border:solid 1px rgba($light-gray,0.5);
display:inline-block;
img{padding:.25rem;height:4.5rem;}
}
}
.table__figure-numbers{
.figure-position{
color:$black;
display:block;
position:absolute;
left:-1.5rem;
top:0.125rem;
width:1.125rem;
height:1.125rem;
font-size:0.75rem;
text-align:center;
line-height: 1rem;
border-radius:50%;
border:solid 1px $black;
}
}
.table__cart{
.cell__row-number{color:$primary-color;}
}
.table__datasheet{
.table__body{
.table__row:nth-child(2n - 1 ){
background-color:rgba($light-gray,0.25);
}
}
}
.pagination{
.current{padding:0;}
.current a{color:$white;}
}
.accordion{}
.accordion__table{
border:none;
margin-bottom:1rem;
a.accordion-title{font-size:0.9375rem;}
.table{
margin:0;
.table__row:last-child{border:none;}
}
.accordion-title{background-color:$light-gray;color:$black;font-size:1rem;font-weight:$global-weight-bold;border-color:$white;}
.accordion-item.is-active .accordion-title{background-color:$secondary-color;}
.accordion-content{padding:0;border:none;}
}