19786: changed background location
authorDaniel Kutyła <daniel.kutyla@contractors.roche.com>
Tue, 29 Nov 2022 16:12:03 +0000 (17:12 +0100)
committerDaniel Kutyła <daniel.kutyla@contractors.roche.com>
Tue, 29 Nov 2022 16:12:03 +0000 (17:12 +0100)
Arvados-DCO-1.1-Signed-off-by: Daniel Kutyła <daniel.kutyla@contractors.roche.com>

src/views/inactive-panel/inactive-panel.tsx

index 8a7c7928933925e77462d7d8b5e4e8d0875bbbdd..064add3a6d940499daf3e600b6a62e9a36df80fb 100644 (file)
@@ -17,16 +17,8 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     root: {
         position: 'relative',
         backgroundColor: theme.palette.grey["200"],
-        '&::after': {
-            content: `''`,
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            bottom: 0,
-            right: 0,
-            background: 'url("arvados-logo-big.png") no-repeat center center',
-            opacity: 0.2,
-        }
+        background: 'url("arvados-logo-big.png") no-repeat center center',
+        backgroundBlendMode: 'soft-light',
     },
     ontop: {
         zIndex: 10
@@ -59,7 +51,6 @@ export interface InactivePanelStateProps {
 
 type InactivePanelProps = WithStyles<CssRules> & InactivePanelActionProps & InactivePanelStateProps;
 
-
 export const InactivePanelRoot = ({ classes, startLinking, inactivePageText, isLoginClusterFederation }: InactivePanelProps) =>
     <Grid container justify="center" alignItems="center" direction="column" spacing={24}
         className={classes.root}