From 2a95d97149386d585fc3144e319bb343b9f43954 Mon Sep 17 00:00:00 2001 From: Thomas JUND Date: Tue, 24 Jan 2023 16:46:17 +0100 Subject: [PATCH] css: introduce .pk-table-fit-contain (#73797) --- help/fr/misc-css-classes.page | 4 ++++ static/includes/_table.scss | 9 +++++++++ 2 files changed, 13 insertions(+) diff --git a/help/fr/misc-css-classes.page b/help/fr/misc-css-classes.page index f1b7218e..7e15969e 100644 --- a/help/fr/misc-css-classes.page +++ b/help/fr/misc-css-classes.page @@ -181,6 +181,10 @@ de classes CSS réutilisables.

pk-table-zebra

Alterne les couleurs de fond des lignes.

+ +

pk-table-fit-contain

+

Donne au tableau la largeur du conteneur

+

pk-table-wrapper

Permet aux usagers de mobiles de faire défiler le tableau diff --git a/static/includes/_table.scss b/static/includes/_table.scss index ba97c63d..cf7a8181 100644 --- a/static/includes/_table.scss +++ b/static/includes/_table.scss @@ -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 + } +} -- 2.39.2