bug: break external links
This commit is contained in:
parent
73afdd36ff
commit
546acc8d9a
@ -35,6 +35,8 @@
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
word-break: normal;
|
word-break: normal;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note > .header img:hover, .note > .header .name > .reply:hover, .note .body:hover {
|
.note > .header img:hover, .note > .header .name > .reply:hover, .note .body:hover {
|
||||||
|
@ -37,11 +37,7 @@ function transformHttpLink(a: string) {
|
|||||||
return <video key={url.toString()} src={url.toString()} controls />
|
return <video key={url.toString()} src={url.toString()} controls />
|
||||||
}
|
}
|
||||||
default:
|
default:
|
||||||
return (
|
return <a key={url.toString()} href={url.toString()} onClick={(e) => e.stopPropagation()} target="_blank" rel="noreferrer" className="ext">{url.toString()}</a>
|
||||||
<div className="truncate">
|
|
||||||
<a key={url.toString()} href={url.toString()} onClick={(e) => e.stopPropagation()}>{url.toString()}</a>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
} else if (tweetId) {
|
} else if (tweetId) {
|
||||||
return (
|
return (
|
||||||
@ -66,19 +62,11 @@ function transformHttpLink(a: string) {
|
|||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
} else {
|
} else {
|
||||||
return (
|
return <a href={a} onClick={(e) => e.stopPropagation()} target="_blank" rel="noreferrer" className="ext">{a}</a>
|
||||||
<div className="truncate">
|
|
||||||
<a href={a} onClick={(e) => e.stopPropagation()}>{a}</a>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
}
|
}
|
||||||
return (
|
return <a href={a} onClick={(e) => e.stopPropagation()} target="_blank" rel="noreferrer" className="ext">{a}</a>
|
||||||
<div className="truncate">
|
|
||||||
<a href={a} onClick={(e) => e.stopPropagation()}>{a}</a>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function extractLinks(fragments: Fragment[]) {
|
function extractLinks(fragments: Fragment[]) {
|
||||||
@ -168,8 +156,7 @@ function transformParagraph({ body, tags, users }: TextFragment) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function transformText({ body, tags, users }: TextFragment) {
|
function transformText({ body, tags, users }: TextFragment) {
|
||||||
if(body === undefined)
|
if (body === undefined) {
|
||||||
{
|
|
||||||
debugger;
|
debugger;
|
||||||
}
|
}
|
||||||
let fragments = extractMentions(body, tags, users);
|
let fragments = extractMentions(body, tags, users);
|
||||||
|
@ -204,6 +204,11 @@ a {
|
|||||||
line-height: 1.3em;
|
line-height: 1.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a.ext {
|
||||||
|
word-break: break-all;
|
||||||
|
white-space: initial;
|
||||||
|
}
|
||||||
|
|
||||||
div.form-group {
|
div.form-group {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
Loading…
Reference in New Issue
Block a user