tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improving production logs, removing n+1 on media attachments in atom,

Browse Source 
adding attachments display to static views
This commit is contained in:
Eugen Rochko
2016-09-08 01:24:26 +02:00
parent 87576e1ab1
commit 0f4bc56719
7 changed files with 45 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/components/components/media_gallery.jsx
View File

@ -59,7 +59,7 @@ const MediaGallery = React.createClass({
}
}
return <a key={attachment.get('id')} href={attachment.get('url')} style={{ boxSizing: 'border-box', position: 'relative', left: left, top: top, right: right, bottom: bottom, float: 'left', textDecoration: 'none', border: 'none', display: 'block', width: `${width}%`, height: `${height}%`, background: `url(${attachment.get('preview_url')}) no-repeat center`, backgroundSize: 'cover', cursor: 'zoom-in' }} />;
return <a key={attachment.get('id')} href={attachment.get('url')} target='_blank' style={{ boxSizing: 'border-box', position: 'relative', left: left, top: top, right: right, bottom: bottom, float: 'left', textDecoration: 'none', border: 'none', display: 'block', width: `${width}%`, height: `${height}%`, background: `url(${attachment.get('preview_url')}) no-repeat center`, backgroundSize: 'cover', cursor: 'zoom-in' }} />;
});
return (

31
app/assets/stylesheets/stream_entries.scss
View File

@ -158,7 +158,7 @@
font-size: 14px;
padding: 0 10px;
padding-left: 8px;
padding-bottom: 25px;
padding-bottom: 15px;
color: #282c37;
a {
@ -189,4 +189,33 @@
text-decoration: underline;
}
}
.media-attachments {
list-style: none;
margin: 0;
padding: 0;
display: block;
overflow: hidden;
padding-left: 10px;
li {
display: block;
float: left;
width: 120px;
height: 100px;
border-radius: 4px;
margin-right: 4px;
margin-bottom: 25px;
a {
display: block;
width: 120px;
height: 100px;
border-radius: 4px;
background-position: center;
background-repeat: none;
background-size: cover;
}
}
}
}