Show icons on project homepage list
This commit is contained in:
parent
5866cc54aa
commit
01e79f8565
@ -1552,7 +1552,7 @@ a.learn-more
|
||||
display: flex
|
||||
flex-direction: column
|
||||
list-style: none
|
||||
padding: 10px 5px
|
||||
padding: 5px
|
||||
border-top: thin solid $color-background
|
||||
cursor: pointer
|
||||
width: 33.3333%
|
||||
@ -1572,17 +1572,17 @@ a.learn-more
|
||||
color: $node-type-post
|
||||
a.image
|
||||
border-color: $node-type-post
|
||||
background-color: $node-type-post
|
||||
background-color: hsl(hue($node-type-post), 20%, 55%)
|
||||
|
||||
&.asset.image a.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
|
||||
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
|
||||
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
|
||||
.image
|
||||
@ -1604,9 +1604,19 @@ a.learn-more
|
||||
+position-center-translate
|
||||
|
||||
i
|
||||
color: $color-text-dark-hint
|
||||
font-size: 3em
|
||||
+position-center-translate
|
||||
color: rgba(white, .9)
|
||||
font-size: 1.8em
|
||||
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
|
||||
width: 100%
|
||||
@ -1614,17 +1624,19 @@ a.learn-more
|
||||
display: flex
|
||||
flex-direction: column
|
||||
justify-content: space-between
|
||||
word-break: break-word
|
||||
|
||||
.description
|
||||
font-size: .9em
|
||||
padding-top: 5px
|
||||
color: $color-text-dark-primary
|
||||
|
||||
.title
|
||||
display: block
|
||||
word-break: break-word
|
||||
font-size: 1.1em
|
||||
color: $color-text-dark-primary
|
||||
font-size: 1em
|
||||
color: $color-text-dark
|
||||
+clearfix
|
||||
+text-overflow-ellipsis
|
||||
|
||||
span.details
|
||||
width: 100%
|
||||
@ -2145,7 +2157,7 @@ section.node-children
|
||||
|
||||
.item-info
|
||||
position: relative
|
||||
padding: 15px 20px 25px 20px
|
||||
padding: 15px 20px 30px 20px
|
||||
|
||||
a.item-title
|
||||
display: inline-block
|
||||
@ -2164,11 +2176,12 @@ section.node-children
|
||||
|
||||
a.learn-more
|
||||
position: absolute
|
||||
padding: 15px 20px
|
||||
padding: 3px 20px
|
||||
bottom: 0
|
||||
right: 0
|
||||
visibility: hidden
|
||||
font-size: .9em
|
||||
font-size: .8em
|
||||
margin: 10px
|
||||
&:hover
|
||||
a.learn-more
|
||||
visibility: visible
|
||||
|
@ -679,25 +679,25 @@ footer
|
||||
|
||||
|
||||
.tooltip
|
||||
transition: none
|
||||
transition: opacity 50ms ease-in-out
|
||||
&.in
|
||||
opacity: 1
|
||||
|
||||
.tooltip-inner
|
||||
max-width: auto
|
||||
white-space: nowrap
|
||||
background-color: $color-background-nav
|
||||
background-color: $color-background-nav-light
|
||||
color: $color-text-light-primary
|
||||
border-radius: 3px
|
||||
|
||||
&.top .tooltip-arrow
|
||||
border-top-color: $color-background-nav
|
||||
border-top-color: $color-background-nav-light
|
||||
&.bottom .tooltip-arrow
|
||||
border-bottom-color: $color-background-nav
|
||||
border-bottom-color: $color-background-nav-light
|
||||
&.left .tooltip-arrow
|
||||
border-left-color: $color-background-nav
|
||||
border-left-color: $color-background-nav-light
|
||||
&.right .tooltip-arrow
|
||||
border-right-color: $color-background-nav
|
||||
border-right-color: $color-background-nav-light
|
||||
|
||||
.popover
|
||||
background-color: lighten($color-background-nav, 5%)
|
||||
|
@ -79,7 +79,7 @@ script.
|
||||
a.image(href="{{ url_for_node(node=n) }}")
|
||||
| {% if n.picture %}
|
||||
img(src="{{ n.picture.thumbnail('l', api=api) }}")
|
||||
| {% else %}
|
||||
| {% endif %}
|
||||
|
||||
| {% if n.node_type == 'post' %}
|
||||
i.pi-newspaper
|
||||
@ -94,14 +94,14 @@ script.
|
||||
| {% else %}
|
||||
i.pi-folder
|
||||
| {% endif %}
|
||||
| {% endif %}
|
||||
|
||||
.info
|
||||
a.title(href="{{ url_for_node(node=n) }}") {{ n.name }}
|
||||
p.description(href="{{ url_for_node(node=n) }}")
|
||||
| {% 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 %}
|
||||
| {{ 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 %}
|
||||
span.details
|
||||
span.what {% if n.properties.content_type %}{{ n.properties.content_type | undertitle }}{% else %}{{ n.node_type | undertitle }}{% endif %} ·
|
||||
|
Loading…
x
Reference in New Issue
Block a user