Merge branch 'dev' into 'staging'

--

See merge request frontend/marketplace!213

src/components/NotificationsModal.tsx

@@ -46,17 +46,6 @@ export const NotificationsModal = ({
 					borderRadius: "8px",
 					boxShadow:
             "0px 3px 18px rgba(49, 28, 77, 0.1), 0px 3px 34px rgba(49, 28, 77, 0.15)",
-					"&::-webkit-scrollbar": { width: "6px" },
-					"&::-webkit-scrollbar-track": {
-						background: "#F0F0F6",
-						margin: "5px",
-						borderRadius: "5px",
-					},
-					"&::-webkit-scrollbar-thumb": {
-						width: "4px",
-						background: "#9A9AAF",
-						borderRadius: "5px",
-					},
 				},
 			}}
 		>

src/index.css

@@ -6,9 +6,11 @@ body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
-/*скрывает все скролл-бары*/
+
+/*все скролл-бары*/
 html * ::-webkit-scrollbar {
     background-color: inherit;
+    width: 4px;
 }
 html * ::-webkit-scrollbar-button {
     display: none;
@@ -17,8 +19,10 @@ html * ::-webkit-scrollbar-track {
     background-color: inherit;
 }
 html * ::-webkit-scrollbar-thumb {
-   width: 5px;
+    width: 4px;
-   background-color: gray;
+    background-color: #9A9AAF;
+    color: #9A9AAF;
+    border-radius: 5px;
 }
 
 

src/pages/AccountSettings/DocumentsDialog/JuridicalDocumentsDialog.tsx

@@ -23,9 +23,6 @@ import {parseAxiosError} from "@utils/parse-error"
 const dialogContainerStyle = {
 	height: "100%",
 	overflowY: "scroll",
-	"::-webkit-scrollbar": {
-		display: "none",
-	},
 }
 
 export default function JuridicalDocumentsDialog() {

src/pages/AccountSettings/DocumentsDialog/NkoDocumentsDialog.tsx

@@ -19,9 +19,6 @@ import { theme } from "@root/utils/theme"
 const dialogContainerStyle = {
 	height: "100%",
 	overflowY: "scroll",
-	"::-webkit-scrollbar": {
-		display: "none",
-	},
 }
 
 export default function NkoDocumentsDialog() {