[FIX] website_forum: fix link issue on Safari

On Safari, `<tr>` elements don't support position: relative.
To fix this, we used a hack adding a `transform: scale(1)` to the `tr`

task-3555851

Part-of: odoo/odoo#145891
This commit is contained in:
Elisabeth Dickinson
2023-12-20 07:28:10 +00:00
parent fb7efd9d01
commit 494537f68d
@@ -62,11 +62,15 @@ $-forum-sidebar-width: map-get($container-max-widths, sm) / 2;
border-top: 0;
}
tr:hover {
@if ($body-bg and color-contrast($body-bg) != $color-contrast-dark) {
background-color: lighten($body-bg, 10%);
} @else {
background-color: darken($body-bg, 2%);
tr {
transform: scale(1); // Hack for Safari not supporting `position-relative`
&:hover {
@if ($body-bg and color-contrast($body-bg) != $color-contrast-dark) {
background-color: lighten($body-bg, 10%);
} @else {
background-color: darken($body-bg, 2%);
}
}
}
}