mirror of
https://github.com/LemmyNet/lemmy.git
synced 2024-11-16 09:24:00 +00:00
Removing images from iframely cards.
This commit is contained in:
parent
702b55d16b
commit
2fbcb2b23f
1 changed files with 9 additions and 22 deletions
31
ui/src/components/iframely-card.tsx
vendored
31
ui/src/components/iframely-card.tsx
vendored
|
@ -27,27 +27,10 @@ export class IFramelyCard extends Component<
|
||||||
let iframely = this.props.iframely;
|
let iframely = this.props.iframely;
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{iframely.title && (
|
{iframely.title && !this.state.expanded && (
|
||||||
<div class="card my-2">
|
<div class="card mt-3 mb-2">
|
||||||
<div class="row no-gutters">
|
<div class="row">
|
||||||
{iframely.thumbnail_url && (
|
<div class="col-12">
|
||||||
<div class="col-sm-3">
|
|
||||||
{iframely.html ? (
|
|
||||||
<span
|
|
||||||
class="pointer"
|
|
||||||
onClick={linkEvent(this, this.handleIframeExpand)}
|
|
||||||
>
|
|
||||||
<img class="card-img" src={iframely.thumbnail_url} />
|
|
||||||
</span>
|
|
||||||
) : (
|
|
||||||
<img
|
|
||||||
class="img-fluid card-img"
|
|
||||||
src={iframely.thumbnail_url}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
<div class="col-sm-9">
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<h5 class="card-title d-inline">
|
<h5 class="card-title d-inline">
|
||||||
<span>
|
<span>
|
||||||
|
@ -57,7 +40,11 @@ export class IFramelyCard extends Component<
|
||||||
</span>
|
</span>
|
||||||
</h5>
|
</h5>
|
||||||
<span class="d-inline-block ml-2 mb-2 small text-muted">
|
<span class="d-inline-block ml-2 mb-2 small text-muted">
|
||||||
<a class="text-muted" target="_blank" href={iframely.url}>
|
<a
|
||||||
|
class="text-muted font-italic"
|
||||||
|
target="_blank"
|
||||||
|
href={iframely.url}
|
||||||
|
>
|
||||||
{new URL(iframely.url).hostname}
|
{new URL(iframely.url).hostname}
|
||||||
<svg class="ml-1 icon">
|
<svg class="ml-1 icon">
|
||||||
<use xlinkHref="#icon-external-link"></use>
|
<use xlinkHref="#icon-external-link"></use>
|
||||||
|
|
Loading…
Reference in a new issue