Fix logo gradient not working on some Safari and Blink-based browsers (#18634)
Works around https://bugs.chromium.org/p/chromium/issues/detail?id=258029shrike
parent
45aa5781ce
commit
37cd984acf
|
@ -256,7 +256,17 @@ button {
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-resources {
|
.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,
|
// NoScript adds a __ns__pop2top class to the full ancestry of blocked elements,
|
||||||
|
|
|
@ -43,6 +43,6 @@
|
||||||
%body{ class: body_classes }
|
%body{ class: body_classes }
|
||||||
= content_for?(:content) ? yield(:content) : yield
|
= content_for?(:content) ? yield(:content) : yield
|
||||||
|
|
||||||
.logo-resources
|
.logo-resources{ 'tabindex' => '-1', 'inert' => true, 'aria-hidden' => true }
|
||||||
= render_symbol :icon
|
= render_symbol :icon
|
||||||
= render_symbol :wordmark
|
= render_symbol :wordmark
|
||||||
|
|
|
@ -20,5 +20,5 @@
|
||||||
%body.embed
|
%body.embed
|
||||||
= yield
|
= yield
|
||||||
|
|
||||||
.logo-resources
|
.logo-resources{ 'tabindex' => '-1', 'inert' => true, 'aria-hidden' => true }
|
||||||
= render_symbol :icon
|
= render_symbol :icon
|
||||||
|
|
Loading…
Reference in New Issue