fix: quicklink settings UI link now clickable

This commit is contained in:
alexsparkes 2023-01-24 19:48:59 +00:00
parent 2fda989b05
commit 9ff32e590f
3 changed files with 33 additions and 12 deletions

View File

@ -10,7 +10,7 @@ specifiers:
'@floating-ui/react-dom': ^1.0.1 '@floating-ui/react-dom': ^1.0.1
'@fontsource/lexend-deca': 4.5.12 '@fontsource/lexend-deca': 4.5.12
'@fontsource/montserrat': 4.5.13 '@fontsource/montserrat': 4.5.13
'@mui/material': 5.11.5 '@mui/material': 5.11.6
'@sentry/react': ^7.21.1 '@sentry/react': ^7.21.1
'@vitejs/plugin-react': 3.0.1 '@vitejs/plugin-react': 3.0.1
embla-carousel-autoplay: ^7.0.5 embla-carousel-autoplay: ^7.0.5
@ -42,7 +42,7 @@ dependencies:
'@floating-ui/react-dom': 1.1.2_biqbaboplfbrettd7655fr4n2y '@floating-ui/react-dom': 1.1.2_biqbaboplfbrettd7655fr4n2y
'@fontsource/lexend-deca': 4.5.12 '@fontsource/lexend-deca': 4.5.12
'@fontsource/montserrat': 4.5.13 '@fontsource/montserrat': 4.5.13
'@mui/material': 5.11.5_5rzy53przelm5jchjmb5vr6dxy '@mui/material': 5.11.6_5rzy53przelm5jchjmb5vr6dxy
'@sentry/react': 7.29.0_react@18.2.0 '@sentry/react': 7.29.0_react@18.2.0
embla-carousel-autoplay: 7.0.5 embla-carousel-autoplay: 7.0.5
embla-carousel-react: 7.0.5_react@18.2.0 embla-carousel-react: 7.0.5_react@18.2.0
@ -2064,8 +2064,8 @@ packages:
'@jridgewell/sourcemap-codec': 1.4.14 '@jridgewell/sourcemap-codec': 1.4.14
dev: true dev: true
/@mui/base/5.0.0-alpha.114_biqbaboplfbrettd7655fr4n2y: /@mui/base/5.0.0-alpha.115_biqbaboplfbrettd7655fr4n2y:
resolution: {integrity: sha512-ZpsG2I+zTOAnVTj3Un7TxD2zKRA2OhEPGMcWs/9ylPlS6VuGQSXowPooZiqarjT7TZ0+1bOe8titk/t8dLFiGw==} resolution: {integrity: sha512-OGQ84whT/yNYd6xKCGGS6MxqEfjVjk5esXM7HP6bB2Rim7QICUapxZt4nm8q39fpT08rNDkv3xPVqDDwRdRg1g==}
engines: {node: '>=12.0.0'} engines: {node: '>=12.0.0'}
peerDependencies: peerDependencies:
'@types/react': ^17.0.0 || ^18.0.0 '@types/react': ^17.0.0 || ^18.0.0
@ -2087,12 +2087,12 @@ packages:
react-is: 18.2.0 react-is: 18.2.0
dev: false dev: false
/@mui/core-downloads-tracker/5.11.5: /@mui/core-downloads-tracker/5.11.6:
resolution: {integrity: sha512-MIuWGjitOsugpRhp64CQY3ZEVMIu9M/L9ioql6QLSkz73+bGIlC9FEhfi670/GZ8pQIIGmtiGGwofYzlwEWjig==} resolution: {integrity: sha512-lbD3qdafBOf2dlqKhOcVRxaPAujX+9UlPC6v8iMugMeAXe0TCgU3QbGXY3zrJsu6ex64WYDpH4y1+WOOBmWMuA==}
dev: false dev: false
/@mui/material/5.11.5_5rzy53przelm5jchjmb5vr6dxy: /@mui/material/5.11.6_5rzy53przelm5jchjmb5vr6dxy:
resolution: {integrity: sha512-5fzjBbRYaB5MoEpvA32oalAWltOZ3/kSyuovuVmPc6UF6AG42lTtbdMLpdCygurFSGUMZYTg4Cjij52fKlDDgg==} resolution: {integrity: sha512-MzkkL5KC2PCkFiv8cLpkzgLUPXSrAtnvJBR0emV7mLVWbkwV3n5832vjBx154B6R032fHjFTziTh7YEb50nK6Q==}
engines: {node: '>=12.0.0'} engines: {node: '>=12.0.0'}
peerDependencies: peerDependencies:
'@emotion/react': ^11.5.0 '@emotion/react': ^11.5.0
@ -2111,8 +2111,8 @@ packages:
'@babel/runtime': 7.20.7 '@babel/runtime': 7.20.7
'@emotion/react': 11.10.5_react@18.2.0 '@emotion/react': 11.10.5_react@18.2.0
'@emotion/styled': 11.10.5_hp5f5nkljdiwilp4rgxyefcplu '@emotion/styled': 11.10.5_hp5f5nkljdiwilp4rgxyefcplu
'@mui/base': 5.0.0-alpha.114_biqbaboplfbrettd7655fr4n2y '@mui/base': 5.0.0-alpha.115_biqbaboplfbrettd7655fr4n2y
'@mui/core-downloads-tracker': 5.11.5 '@mui/core-downloads-tracker': 5.11.6
'@mui/system': 5.11.5_dovxhg2tvkkxkdnqyoum6wzcxm '@mui/system': 5.11.5_dovxhg2tvkkxkdnqyoum6wzcxm
'@mui/types': 7.2.3 '@mui/types': 7.2.3
'@mui/utils': 5.11.2_react@18.2.0 '@mui/utils': 5.11.2_react@18.2.0

View File

@ -168,7 +168,16 @@ export default class QuickLinks extends PureComponent {
</div> </div>
<div className="messageText"> <div className="messageText">
<div className="title">{item.name}</div> <div className="title">{item.name}</div>
<div className="subtitle">{item.url}</div> <div className="subtitle">
<a
className="quicklinknostyle"
target="_blank"
rel="noopener noreferrer"
href={item.url}
>
{item.url}
</a>
</div>
</div> </div>
<div> <div>
<div className="messageAction"> <div className="messageAction">
@ -219,7 +228,11 @@ export default class QuickLinks extends PureComponent {
'modals.main.settings.sections.quicklinks.styling_description', 'modals.main.settings.sections.quicklinks.styling_description',
)} )}
> >
<Dropdown label={variables.getMessage('modals.main.settings.sections.quicklinks.style')} name="quickLinksStyle" category="other"> <Dropdown
label={variables.getMessage('modals.main.settings.sections.quicklinks.style')}
name="quickLinksStyle"
category="other"
>
<option value="icon"> <option value="icon">
{variables.getMessage('modals.main.settings.sections.quicklinks.options.icon')} {variables.getMessage('modals.main.settings.sections.quicklinks.options.icon')}
</option> </option>

View File

@ -207,3 +207,11 @@ button.quicklinks {
align-self: center; align-self: center;
} }
} }
.quicklinknostyle {
text-decoration: none;
font-size: 14px;
@include themed() {
color: t($subColor);
}
}