mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-16 05:23:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: quick link input, close #1124

Browse Source
This commit is contained in:
David Ralph
2026-01-28 16:45:41 +00:00
parent 6465b88f30
commit 49630ee375
3 changed files with 37 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/Elements/AddModal/AddModal.jsx
View File

@@ -25,28 +25,33 @@ function AddModal({ urlError, iconError, addLink, closeModal, edit, editData, ed
</Tooltip>
</div>
<div className="quicklinkModalTextbox">
<input
type="text"
className="text-field-input"
placeholder={variables.getMessage('widgets.quicklinks.name')}
value={name}
onChange={(e) => setName(e.target.value.replace(/(\r\n|\n|\r)/gm, ''))}
style={{ gridColumn: 'span 2' }}
/>
<input
type="text"
className="text-field-input"
placeholder={variables.getMessage('widgets.quicklinks.url')}
value={url}
onChange={(e) => setUrl(e.target.value.replace(/(\r\n|\n|\r)/gm, ''))}
/>
<input
type="text"
className="text-field-input"
placeholder={variables.getMessage('widgets.quicklinks.icon')}
value={icon}
onChange={(e) => setIcon(e.target.value.replace(/(\r\n|\n|\r)/gm, ''))}
/>
<div className="text-field" style={{ gridColumn: 'span 2' }}>
<input
type="text"
className="text-field-input"
placeholder={variables.getMessage('widgets.quicklinks.name')}
value={name}
onChange={(e) => setName(e.target.value.replace(/(\r\n|\n|\r)/gm, ''))}
/>
</div>
<div className="text-field">
<input
type="text"
className="text-field-input"
placeholder={variables.getMessage('widgets.quicklinks.url')}
value={url}
onChange={(e) => setUrl(e.target.value.replace(/(\r\n|\n|\r)/gm, ''))}
/>
</div>
<div className="text-field">
<input
type="text"
className="text-field-input"
placeholder={variables.getMessage('widgets.quicklinks.icon')}
value={icon}
onChange={(e) => setIcon(e.target.value.replace(/(\r\n|\n|\r)/gm, ''))}
/>
</div>
</div>
<div className="addFooter">
<span className="dropdown-error">

4
src/features/quicklinks/QuickLinks.jsx
View File

@@ -32,7 +32,7 @@ const QuickLinks = memo(() => {
link.style.fontSize = `${14 * Number(zoom / 100)}px`;
}
if (localStorage.getItem('quickLinksStyle') !== 'text') {
if (localStorage.getItem('quickLinksStyle') !== 'text_only') {
for (const img of element.getElementsByTagName('img')) {
img.style.height = `${30 * Number(zoom / 100)}px`;
}
@@ -80,7 +80,7 @@ const QuickLinks = memo(() => {
const tooltipEnabled = localStorage.getItem('quicklinkstooltip');
const quickLink = (item, index) => {
if (localStorage.getItem('quickLinksStyle') === 'text') {
if (localStorage.getItem('quickLinksStyle') === 'text_only') {
return (
<a
className="quicklinkstext"

8
src/features/quicklinks/quicklinks.scss
View File

@@ -145,6 +145,10 @@
text-decoration: none;
color: white;
font-size: 0.8em;
line-height: 1.5;
display: inline-flex;
align-items: center;
vertical-align: middle;
&:hover {
text-decoration: underline;
@@ -616,6 +620,10 @@ button.quicklinks {
padding: 8px 12px;
border-radius: 6px;
transition: all 0.2s ease;
line-height: 1.5;
display: inline-flex;
align-items: center;
vertical-align: middle;
&:hover {
text-decoration: underline;