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

Show icons on project homepage list

Browse Source
This commit is contained in:
Pablo Vazquez
2016-11-24 19:42:12 +01:00
parent 5866cc54aa
commit 01e79f8565
3 changed files with 37 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/styles/_project.sass
View File

@@ -1552,7 +1552,7 @@ a.learn-more
display: flex display: flex
flex-direction: column flex-direction: column
list-style: none list-style: none
padding: 10px 5px padding: 5px
border-top: thin solid $color-background border-top: thin solid $color-background
cursor: pointer cursor: pointer
width: 33.3333% width: 33.3333%
@@ -1572,17 +1572,17 @@ a.learn-more
color: $node-type-post color: $node-type-post
a.image a.image
border-color: $node-type-post border-color: $node-type-post
background-color: $node-type-post background-color: hsl(hue($node-type-post), 20%, 55%)
&.asset.image a.image &.asset.image a.image
border-color: $node-type-asset_image border-color: $node-type-asset_image
background-color: $node-type-asset_image background-color: hsl(hue($node-type-asset_image), 20%, 55%)
&.asset.file a.image &.asset.file a.image
border-color: $node-type-asset_file border-color: $node-type-asset_file
background-color: $node-type-asset_file background-color: hsl(hue($node-type-asset_file), 20%, 55%)
&.asset.video a.image &.asset.video a.image
border-color: $node-type-asset_video border-color: $node-type-asset_video
background-color: $node-type-asset_video background-color: hsl(hue($node-type-asset_video), 20%, 55%)
$node-latest-thumbnail-size: 160px $node-latest-thumbnail-size: 160px
.image .image
@@ -1604,9 +1604,19 @@ a.learn-more
+position-center-translate +position-center-translate
i i
color: $color-text-dark-hint color: rgba(white, .9)
font-size: 3em font-size: 1.8em
+position-center-translate position: absolute
bottom: 3px
left: 5px
text-shadow: 1px 1px 0 rgba(black, .2)
&.pi-file-archive
font-size: 1.5em
bottom: 5px
&.pi-newspaper
font-size: 1.6em
left: 7px
.info .info
width: 100% width: 100%
@@ -1614,17 +1624,19 @@ a.learn-more
display: flex display: flex
flex-direction: column flex-direction: column
justify-content: space-between justify-content: space-between
word-break: break-word
.description .description
font-size: .9em font-size: .9em
padding-top: 5px padding-top: 5px
color: $color-text-dark-primary
.title .title
display: block display: block
word-break: break-word font-size: 1em
font-size: 1.1em color: $color-text-dark
color: $color-text-dark-primary
+clearfix +clearfix
+text-overflow-ellipsis
span.details span.details
width: 100% width: 100%
@@ -2145,7 +2157,7 @@ section.node-children
.item-info .item-info
position: relative position: relative
padding: 15px 20px 25px 20px padding: 15px 20px 30px 20px
a.item-title a.item-title
display: inline-block display: inline-block
@@ -2164,11 +2176,12 @@ section.node-children
a.learn-more a.learn-more
position: absolute position: absolute
padding: 15px 20px padding: 3px 20px
bottom: 0 bottom: 0
right: 0 right: 0
visibility: hidden visibility: hidden
font-size: .9em font-size: .8em
margin: 10px
&:hover &:hover
a.learn-more a.learn-more
visibility: visible visibility: visible

12
src/styles/base.sass
View File

@@ -679,25 +679,25 @@ footer
.tooltip .tooltip
transition: none transition: opacity 50ms ease-in-out
&.in &.in
opacity: 1 opacity: 1
.tooltip-inner .tooltip-inner
max-width: auto max-width: auto
white-space: nowrap white-space: nowrap
background-color: $color-background-nav background-color: $color-background-nav-light
color: $color-text-light-primary color: $color-text-light-primary
border-radius: 3px border-radius: 3px
&.top .tooltip-arrow &.top .tooltip-arrow
border-top-color: $color-background-nav border-top-color: $color-background-nav-light
&.bottom .tooltip-arrow &.bottom .tooltip-arrow
border-bottom-color: $color-background-nav border-bottom-color: $color-background-nav-light
&.left .tooltip-arrow &.left .tooltip-arrow
border-left-color: $color-background-nav border-left-color: $color-background-nav-light
&.right .tooltip-arrow &.right .tooltip-arrow
border-right-color: $color-background-nav border-right-color: $color-background-nav-light
.popover .popover
background-color: lighten($color-background-nav, 5%) background-color: lighten($color-background-nav, 5%)

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

@@ -79,7 +79,7 @@ script.
a.image(href="{{ url_for_node(node=n) }}") a.image(href="{{ url_for_node(node=n) }}")
| {% if n.picture %} | {% if n.picture %}
img(src="{{ n.picture.thumbnail('l', api=api) }}") img(src="{{ n.picture.thumbnail('l', api=api) }}")
| {% else %} | {% endif %}
| {% if n.node_type == 'post' %} | {% if n.node_type == 'post' %}
i.pi-newspaper i.pi-newspaper
@@ -94,14 +94,14 @@ script.
| {% else %} | {% else %}
i.pi-folder i.pi-folder
| {% endif %} | {% endif %}
| {% endif %}
.info .info
a.title(href="{{ url_for_node(node=n) }}") {{ n.name }} a.title(href="{{ url_for_node(node=n) }}") {{ n.name }}
p.description(href="{{ url_for_node(node=n) }}") p.description(href="{{ url_for_node(node=n) }}")
| {% if n.node_type == 'post' %} | {% if n.node_type == 'post' %}
| {{ n.properties.content | striptags | truncate(125, end="... <small>read more</small>") | safe | hide_none }} | {{ n.properties.content | striptags | truncate(140, end="... <small>read more</small>") | safe | hide_none }}
| {% else %} | {% else %}
| {{ n.description | striptags | truncate(125, end="... <small>read more</small>") | hide_none }} | {{ n.description | striptags | truncate(140, end="... <small>read more</small>") | safe | hide_none }}
| {% endif %} | {% endif %}
span.details span.details
span.what {% if n.properties.content_type %}{{ n.properties.content_type | undertitle }}{% else %}{{ n.node_type | undertitle }}{% endif %} · span.what {% if n.properties.content_type %}{{ n.properties.content_type | undertitle }}{% else %}{{ n.node_type | undertitle }}{% endif %} ·