[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:
@@ -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%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user