Setting: fix click on block user button (#4138)

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 {

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);
+}

src/components/left/settings/SettingsPrivacyBlockedUsers.tsx

@@ -134,6 +134,7 @@ const SettingsPrivacyBlockedUsers: FC<OwnProps & StateProps> = ({
 
       <FloatingActionButton
         isShown
+        className="block-user-button"
         onClick={openBlockUserModal}
         ariaLabel={lang('BlockContact')}
       >

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=);