diff --git a/src/components/left/main/Chat.scss b/src/components/left/main/Chat.scss index 957472579..657b5dfd4 100644 --- a/src/components/left/main/Chat.scss +++ b/src/components/left/main/Chat.scss @@ -4,7 +4,6 @@ --z-forum-indicator: 2; --z-badge: 4; - --z-ripple: 6; --z-status: 8; // Avatar stories require a higher z-index than the ripple to work body.is-ios &, @@ -200,7 +199,7 @@ } .ripple-container { - z-index: var(--z-ripple); + z-index: var(--z-chat-ripple); } .status { diff --git a/src/components/left/settings/Settings.scss b/src/components/left/settings/Settings.scss index 992f38df4..35e7968f5 100644 --- a/src/components/left/settings/Settings.scss +++ b/src/components/left/settings/Settings.scss @@ -389,3 +389,7 @@ .settings-item-chatlist .ListItem { margin: inherit; } + +.block-user-button { + z-index: var(--z-chat-float-button); +} diff --git a/src/components/left/settings/SettingsPrivacyBlockedUsers.tsx b/src/components/left/settings/SettingsPrivacyBlockedUsers.tsx index 9cba44115..f8cdc4df3 100644 --- a/src/components/left/settings/SettingsPrivacyBlockedUsers.tsx +++ b/src/components/left/settings/SettingsPrivacyBlockedUsers.tsx @@ -134,6 +134,7 @@ const SettingsPrivacyBlockedUsers: FC = ({ diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss index 004fa3c03..cbc2f713b 100644 --- a/src/styles/_variables.scss +++ b/src/styles/_variables.scss @@ -259,6 +259,8 @@ $color-message-story-mention-to: #74bcff; --z-symbol-menu-mobile: calc(var(--z-story-viewer) + 1); --z-resize-handle: 2; --z-below: -1; + --z-chat-ripple: 6; + --z-chat-float-button: calc(var(--z-chat-ripple) + 1); --spinner-white-data: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjggMjIuNEM2IDIxLjkgMi4xIDE4IDEuNiAxMy4yLjkgNy4xIDUuNCAxLjkgMTEuMyAxLjVjLjQgMCAuNy0uMy43LS43IDAtLjQtLjQtLjgtLjgtLjhDNC44LjQtLjIgNS45IDAgMTIuNS4yIDE4LjYgNS40IDIzLjggMTEuNSAyNGM2LjYuMiAxMi00LjggMTIuNC0xMS4yIDAtLjQtLjMtLjgtLjgtLjgtLjQgMC0uNy4zLS43LjctLjMgNS45LTUuNSAxMC40LTExLjYgOS43eiIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==); --spinner-white-thin-data: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTEyIDIzQzUuOSAyMyAxIDE4LjEgMSAxMlM1LjkgMSAxMiAxVjBDNS40IDAgMCA1LjQgMCAxMnM1LjQgMTIgMTIgMTIgMTItNS40IDEyLTEyaC0xYzAgNi4xLTQuOSAxMS0xMSAxMXoiLz48L3N2Zz4=);