scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 09:35:56 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

improved remix and studio row

Browse source
This commit is contained in:
Linda 2018-08-24 09:05:08 -04:00
parent ba919062f3
commit 79e80aea54
4 changed files with 16 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/thumbnailcolumn/thumbnailcolumn.scss
View file

@ -16,11 +16,8 @@
.thumbnail { .thumbnail {
margin: 7px; margin: 7px;
// adding the following commented lines to thumbnail-image // unnecessary:
// border-radius: 4px; // padding-bottom: 4px;
// box-shadow: 0 0 0 1px $active-gray;
// background-color: $ui-white;
padding-bottom: 4px;
width: $thumbnail-width; width: $thumbnail-width;
.thumbnail-image { .thumbnail-image {

10
src/views/preview/preview.scss
View file

@ -486,8 +486,16 @@ $stage-width: 480px;
.studio-list { .studio-list {
flex-direction: column; flex-direction: column;
h2 {
align-self: flex-start;
margin-left: 1rem;
font-size: 1.2rem;
font-weight: bold;
}
.project { .project {
margin-bottom: 1.5rem; // not necessary:
// margin-bottom: 1.5rem;
} }
.creator-image img { .creator-image img {

4
src/views/preview/remix-list.jsx
View file

@ -9,9 +9,9 @@ const RemixList = props => {
if (remixes.length === 0) return null; if (remixes.length === 0) return null;
return ( return (
<FlexRow className="remix-list"> <FlexRow className="remix-list">
<div className="project-title"> <h2>
Remixes Remixes
</div> </h2>
{remixes.length === 0 ? ( {remixes.length === 0 ? (
// TODO: style remix invitation // TODO: style remix invitation
<span>Invite user to remix</span> <span>Invite user to remix</span>

6
src/views/preview/studio-list.jsx
View file

@ -8,10 +8,10 @@ const StudioList = props => {
const studios = props.studios; const studios = props.studios;
if (studios.length === 0) return null; if (studios.length === 0) return null;
return ( return (
<FlexRow className="remix-list"> <FlexRow className="studio-list">
<div className="project-title"> <h2>
Studios Studios
</div> </h2>
{studios.length === 0 ? ( {studios.length === 0 ? (
// TODO: style remix invitation // TODO: style remix invitation
<span>Invite user to add to studio</span> <span>Invite user to add to studio</span>