archive/pillar
0
0
Fork 0
Code Issues 42 Pull Requests Projects Releases Wiki Activity

Style posts and assets on project homepage

Browse Source
This commit is contained in:
Pablo Vazquez 2016-11-24 18:47:15 +01:00
parent b30aba2463
commit 5617f89c99
2 changed files with 42 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/styles/_project.sass
View File

@ -1523,6 +1523,12 @@ section.node-details-container
color: $color-danger
clear: both
a.learn-more
font-size: .9em
margin-left: 20px
padding: 5px 10px
+button($color-info, 3px)
.node-extra
display: flex
flex-direction: column
@ -1530,13 +1536,10 @@ section.node-details-container
padding: 0 20px
width: 100%
a.learn-more
font-size: .9em
.node-updates,
.node-blog
.node-updates
flex: 1
font-size: 1.1em
margin-top: 15px
ul
padding: 0
@ -1554,6 +1557,9 @@ section.node-details-container
cursor: pointer
width: 33.3333%
&.texture
width: 25%
&:hover
img
opacity: .9
@ -1561,6 +1567,23 @@ section.node-details-container
color: $color-primary
text-decoration: underline
&.post
.info .title
color: $node-type-post
a.image
border-color: $node-type-post
background-color: $node-type-post
&.asset.image a.image
border-color: $node-type-asset_image
background-color: $node-type-asset_image
&.asset.file a.image
border-color: $node-type-asset_file
background-color: $node-type-asset_file
&.asset.video a.image
border-color: $node-type-asset_video
background-color: $node-type-asset_video
$node-latest-thumbnail-size: 160px
.image
width: 100%
@ -1571,6 +1594,9 @@ section.node-details-container
margin: 5px auto 10px auto
position: relative
overflow: hidden
border-bottom: 3px solid $color-background-dark
border-top-left-radius: 3px
border-top-right-radius: 3px
img
// max-width: 100%
@ -1593,6 +1619,7 @@ section.node-details-container
display: block
word-break: break-word
font-size: 1.1em
color: $color-text-dark-primary
+clearfix
span.details

16
src/templates/projects/view_embed.jade
View File

@ -64,8 +64,7 @@ script.
| {{ description }}
| {% if title != 'about' %}
.node-extra
a.learn-more(href="{{ url_for( 'projects.about', project_url=project.url) }}") LEARN MORE
a.learn-more(href="{{ url_for( 'projects.about', project_url=project.url) }}") LEARN MORE
.node-extra
@ -74,19 +73,24 @@ script.
ul.node-updates-list
| {% for n in activity_stream %}
| {% if n.node_type not in ['comment'] %}
li.node-updates-list-item(data-node_id="{{ n._id }}")
li.node-updates-list-item(
data-node_id="{{ n._id }}",
class="{{ n.node_type }} {{ n.properties.content_type | hide_none }}")
a.image(href="{{ url_for_node(node=n) }}")
| {% if n.picture %}
img(src="{{ n.picture.thumbnail('l', api=api) }}")
| {% else %}
| {% if n.properties.content_type == 'video' %}
| {% if n.node_type == 'post' %}
i.pi-newspaper
| {% elif n.node_type == 'texture' or n.node_type == 'group_texture' %}
i.pi-texture
| {% elif n.properties.content_type == 'video' %}
i.pi-film-thick
| {% elif n.properties.content_type == 'image' %}
i.pi-picture
| {% elif n.properties.content_type == 'file' %}
i.pi-file-archive
| {% elif n.node_type == 'texture' or n.node_type == 'group_texture' %}
i.pi-texture
| {% else %}
i.pi-folder
| {% endif %}