Fix logo gradient not working on some Safari and Blink-based browsers (#18634)

Works around https://bugs.chromium.org/p/chromium/issues/detail?id=258029
This commit is contained in:
Claire 2022-06-10 17:34:59 +02:00 committed by GitHub
parent 45aa5781ce
commit 37cd984acf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 3 deletions

View File

@ -256,7 +256,17 @@ button {
}
.logo-resources {
display: none;
// Not using display: none because of https://bugs.chromium.org/p/chromium/issues/detail?id=258029
visibility: hidden;
user-select: none;
pointer-events: none;
width: 0;
height: 0;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: -1000;
}
// NoScript adds a __ns__pop2top class to the full ancestry of blocked elements,

View File

@ -43,6 +43,6 @@
%body{ class: body_classes }
= content_for?(:content) ? yield(:content) : yield
.logo-resources
.logo-resources{ 'tabindex' => '-1', 'inert' => true, 'aria-hidden' => true }
= render_symbol :icon
= render_symbol :wordmark

View File

@ -20,5 +20,5 @@
%body.embed
= yield
.logo-resources
.logo-resources{ 'tabindex' => '-1', 'inert' => true, 'aria-hidden' => true }
= render_symbol :icon