Template:Experiences/cards.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 12: | Line 12: | ||
.visualdata.datatable.cards td[data-label="picture"] { | .visualdata.datatable.cards td[data-label="picture"] { | ||
display: block; | |||
position: absolute; | |||
object-fit: cover; | |||
object-position: 50% 50%; | |||
width: 100%; | |||
height: 100%; | |||
border-radius: 8px; | |||
} | } |
Revision as of 12:33, 28 October 2024
.visualdata.datatable.cards td:before {
content: "" !important;
position: relative;
margin-left: 0;
margin-right: 1rem;
text-align: left;
color: gray;
font-weight: bold;
}
.visualdata.datatable.cards td[data-label="picture"] {
display: block;
position: absolute;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
border-radius: 8px;
}
.visualdata.datatable.cards td[data-label="Name"] {
background: green;
border-bottom: 1px solid #ccc;
}
.visualdata.datatable.cards td[data-label="Country"] {
background: yellow;
border-bottom: 1px solid #ccc;
}
.visualdata.datatable.cards td[data-label="Project"] {
background: white;
border-bottom: 1px solid #ccc;
}
.visualdata.datatable.cards td[data-label="Testimony"] {
background: purple;
border-bottom: 1px solid #ccc;
}