OpenSource/Sharkey
OpenSource/Sharkey
1
0
Fork 0
mirror of https://activitypub.software/TransFem-org/Sharkey.git synced 2025-01-09 23:29:43 +01:00
Code Issues Projects Releases Packages Wiki Activity

fix url preview spacing for very narrow viewports

Browse source 
on wide viewports, the url preview only leaves space for a thumbnail
when such thumbnail exists.

on small phones, or in busy deck views, it always left that space

this was not very evident for simple previews (which are pretty much a
title line, a favicon, and the site name), but it became very obvious
with the note embedding in 2024.11

this patch makes the thumbnail space conditional on the existence of
the thumbnail, for narrow viewports as well (I pretty much copied the
bit of CSS from the non-narrow media query sections)
This commit is contained in:
dakkar 2025-01-02 17:37:06 +00:00
parent d6cadc98c3
commit 3aeca799a5
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/frontend/src/components/MkUrlPreview.vue
View file

@ -382,11 +382,14 @@ onUnmounted(() => {
position: absolute;
width: 56px;
height: 100%;
& + .body {
left: 56px;
width: calc(100% - 56px);
}
}
> .body {
left: 56px;
width: calc(100% - 56px);
padding: 4px;
> .header {