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

@@ -168,7 +168,16 @@ export default class QuickLinks extends PureComponent {
</div>
<div className="messageText">
<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 className="messageAction">
@@ -219,7 +228,11 @@ export default class QuickLinks extends PureComponent {
'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">
{variables.getMessage('modals.main.settings.sections.quicklinks.options.icon')}
</option>

View File

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