css: introduce .pk-table-fit-contain (#73797)
gitea-wip/publik-base-theme/pipeline/pr-main This commit looks good Details
gitea/publik-base-theme/pipeline/head Something is wrong with the build of this commit Details

This commit is contained in:
Thomas Jund 2023-01-24 16:46:17 +01:00
parent e79b971089
commit 2a95d97149
2 changed files with 13 additions and 0 deletions

View File

@ -181,6 +181,10 @@ de classes CSS réutilisables.
<td><p><code>pk-table-zebra</code></p></td>
<td><p>Alterne les couleurs de fond des lignes.</p></td>
</tr>
<tr>
<td><p><code>pk-table-fit-contain</code></p></td>
<td><p>Donne au tableau la largeur du conteneur</p></td>
</tr>
<tr>
<td><p><code>pk-table-wrapper</code></p></td>
<td><p>Permet aux usagers de mobiles de faire défiler le tableau

View File

@ -88,3 +88,12 @@ table.pk-data-table {
}
}
}
.pk-table-fit-contain {
&.pk-data-table, .pk-data-table {
width: 100%;
}
.text-cell &.pk-data-table, &.text-cell .pk-data-table {
width: calc(100% - (0.7em * 2)); // cf _misc.scss l.43
}
}