also add hover to link previews
This commit is contained in:
parent
5fe9ee27ef
commit
842d48c4a8
|
@ -72,6 +72,10 @@ const urls = props.note.text ? extractUrlFromMfm(mfm.parse(props.note.text)) : n
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
> .mk-url-preview {
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
&.collapsed {
|
&.collapsed {
|
||||||
position: relative;
|
position: relative;
|
||||||
max-height: 9em;
|
max-height: 9em;
|
||||||
|
|
|
@ -214,9 +214,10 @@ onUnmounted(() => {
|
||||||
border: 1px solid var(--divider);
|
border: 1px solid var(--divider);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
transition: background .2s;
|
||||||
&:hover {
|
&:hover, &:focus-within {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
background-color: var(--panelHighlight);
|
||||||
> article > header > h1 {
|
> article > header > h1 {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue