Menu scrollbar css styles (#1454)

Signed-off-by: Lenin Alevski <alevsk.8772@gmail.com>

Co-authored-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>
This commit is contained in:
Lenin Alevski
2022-01-25 12:58:29 -06:00
committed by GitHub
parent d936d61b20
commit 80d3e8cdb8
2 changed files with 19 additions and 2 deletions

View File

@@ -87,6 +87,21 @@ const styles = (theme: Theme) =>
"& .MuiPaper-root": {
backgroundColor: "inherit",
},
"& ::-webkit-scrollbar": {
width: "5px",
},
"& ::-webkit-scrollbar-track": {
background: "#F0F0F0",
borderRadius: 0,
boxShadow: "inset 0px 0px 0px 0px #F0F0F0",
},
"& ::-webkit-scrollbar-thumb": {
background: "#5A6375",
borderRadius: 0,
},
"& ::-webkit-scrollbar-thumb:hover": {
background: "#081C42",
},
},
drawerOpen: {
width: drawerWidth,

View File

@@ -34,6 +34,7 @@ import OfflineRegistrationIcon from "../../../icons/OfflineRegistrationIcon";
import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
import clsx from "clsx";
import OnlineRegistrationBackIcon from "../../../icons/OnlineRegistrationBackIcon";
import OfflineRegistrationBackIcon from "../../../icons/OfflineRegistrationBackIcon";
import api from "../../../common/api";
import {
@@ -142,6 +143,7 @@ const styles = (theme: Theme) =>
},
link: {
color: "#2781B0",
cursor: "pointer",
},
...actionsTray,
...searchField,
@@ -444,7 +446,7 @@ const Register = ({ classes, displayErrorMessage }: IRegister) => {
target="_blank"
href="https://min.io/product/subnet"
>
Learn more about SUBNET.
Learn more about SUBNET .
</Link>
</Grid>
<br />
@@ -602,7 +604,7 @@ const Register = ({ classes, displayErrorMessage }: IRegister) => {
a proxy to connect to Subnet.
<br />
<br />
Alternatively you can try{" "}
Alternatively you can try <OfflineRegistrationBackIcon />
<Link
className={classes.link}
onClick={() => {