css: introduce .pk-table-fit-contain (#73797) #138

Merged
fpeters merged 1 commits from wip/73797-table-fit-contain into main 2023-01-31 18:35:18 +01:00
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
}
}