static: add support for vertical display of items with images (#87241)
gitea/wcs/pipeline/head This commit looks good Details

This commit is contained in:
Serghei Mihai 2024-02-20 17:49:17 +01:00
parent 59d8b91f8d
commit 1476d21ce1
1 changed files with 18 additions and 0 deletions

View File

@ -11,6 +11,24 @@
outline: 1px dashed var(--primary-color, #bbb);
}
}
&.pk-vertical-items {
.content {
flex-direction: column;
}
.item-with-image {
padding: 0;
grid-template-areas: 'input picture label';
justify-items: flex-start;
align-items: center;
grid-template-columns: auto var(--image-size) 1fr;
grid-column-gap: 0.7em;
grid-template-rows: auto;
flex: 0 0 auto;
&--input {
margin-right: 0;
}
}
}
}
.item-with-image {