mirror of https://github.com/tootsuite/mastodon
Fix logo gradient not working on some Safari and Blink-based browsers (#18634)
Works around https://bugs.chromium.org/p/chromium/issues/detail?id=258029pull/18637/head
parent
45aa5781ce
commit
37cd984acf
|
@ -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,
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -20,5 +20,5 @@
|
|||
%body.embed
|
||||
= yield
|
||||
|
||||
.logo-resources
|
||||
.logo-resources{ 'tabindex' => '-1', 'inert' => true, 'aria-hidden' => true }
|
||||
= render_symbol :icon
|
||||
|
|
Loading…
Reference in New Issue