From d8dc7bb48a4b4852b8da33069ce27945bff43067 Mon Sep 17 00:00:00 2001
From: esikkala <esko.ikkala@aalto.fi>
Date: Thu, 17 Jun 2021 12:03:19 +0300
Subject: [PATCH] Logo: set color to keep Google Lighthouse happy
---
src/client/components/perspectives/sampo/TopBar.js | 11 ++++++++++-
1 file changed, 10 insertions(+), 1 deletion(-)
diff --git a/src/client/components/perspectives/sampo/TopBar.js b/src/client/components/perspectives/sampo/TopBar.js
index a7e60934..04c8f9ae 100644
--- a/src/client/components/perspectives/sampo/TopBar.js
+++ b/src/client/components/perspectives/sampo/TopBar.js
@@ -87,6 +87,9 @@ const useStyles = makeStyles(theme => ({
justifyContent: 'left'
},
mainLogoTypography: {
+ // set color and background explicitly to keep Google Lighthouse happy
+ color: '#fff',
+ background: theme.palette.primary.main,
whiteSpace: 'nowrap',
[theme.breakpoints.down('sm')]: {
fontSize: '1.25rem',
@@ -298,7 +301,13 @@ const TopBar = props => {
target='_blank'
rel='noopener noreferrer'
>
- <Button><img className={classes.secoLogoImage} src={secoLogo} /></Button>
+ <Button aria-label='link to Semantic Computing research group homepage'>
+ <img
+ className={classes.secoLogoImage}
+ src={secoLogo}
+ alt='Semantic Computing research group logo'
+ />
+ </Button>
</a>
<div className={classes.sectionMobile}>
{props.layoutConfig.topBar.showLanguageButton &&
--
GitLab