1
0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-21 14:50:08 +03:00

F #5422: Add scrollbar styles by app (#2049)

This commit is contained in:
Sergio Betanzos 2022-05-18 12:35:07 +02:00 committed by GitHub
parent 440ed864a4
commit 2c7ed26c9a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 12 additions and 50 deletions

View File

@ -24,16 +24,6 @@ const useStyles = makeStyles((theme) => ({
scrollable: {
padding: theme.spacing(1),
overflowY: 'scroll',
'&::-webkit-scrollbar': {
width: 14,
},
'&::-webkit-scrollbar-thumb': {
backgroundClip: 'content-box',
border: '4px solid transparent',
borderRadius: 7,
boxShadow: 'inset 0 0 0 10px',
color: theme.palette.secondary.light,
},
},
wrapperButton: {
top: 5,

View File

@ -37,16 +37,6 @@ const debugLogStyles = makeStyles((theme) => ({
borderRadius: 5,
backgroundColor: '#1d1f21',
wordBreak: 'break-word',
'&::-webkit-scrollbar': {
width: 14,
},
'&::-webkit-scrollbar-thumb': {
backgroundClip: 'content-box',
border: '4px solid transparent',
borderRadius: 7,
boxShadow: 'inset 0 0 0 10px',
color: theme.palette.secondary.light,
},
},
}))

View File

@ -45,16 +45,6 @@ export default makeStyles((theme) => ({
paddingBottom: theme.spacing(2),
height: '100%',
overflow: 'auto',
'&::-webkit-scrollbar': {
width: 14,
},
'&::-webkit-scrollbar-thumb': {
backgroundClip: 'content-box',
border: '4px solid transparent',
borderRadius: 7,
boxShadow: 'inset 0 0 0 10px',
color: theme.palette.secondary.light,
},
},
/* ROUTES TRANSITIONS */
appear: {},

View File

@ -27,16 +27,6 @@ const useStyles = makeStyles((theme) => ({
root: {
height: '100%',
overflow: 'auto',
'&::-webkit-scrollbar': {
width: 14,
},
'&::-webkit-scrollbar-thumb': {
backgroundClip: 'content-box',
border: '4px solid transparent',
borderRadius: 7,
boxShadow: 'inset 0 0 0 10px',
color: theme.palette.secondary.light,
},
},
container: {
width: '100%',

View File

@ -118,16 +118,6 @@ export default makeStyles((theme) => ({
overflowX: 'hidden',
textTransform: 'capitalize',
transition: 'color 0.3s',
'&::-webkit-scrollbar': {
width: 14,
},
'&::-webkit-scrollbar-thumb': {
backgroundClip: 'content-box',
border: '4px solid transparent',
borderRadius: 7,
boxShadow: 'inset 0 0 0 10px',
color: theme.palette.secondary.light,
},
},
parentSubItem: {},
subItemWrapper: {},

View File

@ -88,6 +88,8 @@ const createAppTheme = (appTheme, mode = SCHEMES.DARK) => {
const { primary = defaultPrimary, secondary } = appTheme?.palette || {}
const defaultContrastText = isDarkMode ? white : 'rgba(0, 0, 0, 0.87)'
console.log({ mode, isDarkMode })
const background = {
paper: isDarkMode ? primary.light : white,
default: isDarkMode ? primary.main : bgBlueGrey,
@ -254,6 +256,16 @@ const createAppTheme = (appTheme, mode = SCHEMES.DARK) => {
MuiCssBaseline: {
styleOverrides: {
'@font-face': UbuntuFont,
'*::-webkit-scrollbar': {
width: 14,
},
'*::-webkit-scrollbar-thumb': {
backgroundClip: 'content-box',
border: '4px solid transparent',
borderRadius: 7,
boxShadow: 'inset 0 0 0 10px',
color: secondary.light,
},
'.loading_screen': {
width: '100%',
height: '100vh',