From 167a3a030c1371aa134dccb650c971ae2d603589 Mon Sep 17 00:00:00 2001 From: Adrien Kara Date: Sun, 6 Dec 2020 23:18:14 +0100 Subject: [PATCH 1/2] Improve table accessibility Signed-off-by: Adrien Kara --- css/oressource.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/css/oressource.css b/css/oressource.css index ca83aa8d..ef8ac1a9 100644 --- a/css/oressource.css +++ b/css/oressource.css @@ -14,6 +14,16 @@ textarea { resize:none; } +/* Accessibility */ +tbody tr { + box-sizing: border-box; + border-left: 1em solid transparent; +} + +tbody tr:hover { + border-left-color: initial; +} + /* Style for valid or Invalid form entry */ input:invalid { border: 1px solid red; From 6eddf1f5516648394b891e75378eae287b7367c0 Mon Sep 17 00:00:00 2001 From: Adrien Kara Date: Sun, 27 Dec 2020 17:20:28 +0100 Subject: [PATCH 2/2] Change table accessibility border to Bootstrap friendly Signed-off-by: Adrien Kara --- css/oressource.css | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/css/oressource.css b/css/oressource.css index ef8ac1a9..747df5c5 100644 --- a/css/oressource.css +++ b/css/oressource.css @@ -15,13 +15,21 @@ textarea { } /* Accessibility */ -tbody tr { - box-sizing: border-box; +tbody tr td:first-child { + position: relative; +} + +tbody tr td:first-child::before { + content: ''; + inset: 0; + left: -1em; + position: absolute; border-left: 1em solid transparent; + border-radius: 3px; } -tbody tr:hover { - border-left-color: initial; +tbody tr:hover td:first-child::before { + border-color: initial; } /* Style for valid or Invalid form entry */