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

Groups: browse type list tweaks to match browse as icons

Browse Source
This commit is contained in:
Pablo Vazquez
2017-03-23 18:53:24 +01:00
parent ce5e27814a
commit 373be03c80
3 changed files with 35 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/_config.sass
View File

@@ -113,7 +113,7 @@ $node-type-group: #c3a280
$node-type-post: #647bce $node-type-post: #647bce
$list-node-children-item-width: 200px $list-node-children-item-width: 200px
$list-node-children-item-width_list: 48px $list-node-children-item-width_list: 60px
$list-node-children-item-width_square: 160px $list-node-children-item-width_square: 160px
$z-index-base: 13 $z-index-base: 13

21
src/styles/_project.sass
View File

@@ -1864,6 +1864,12 @@ section.node-children
+clearfix +clearfix
clear: none clear: none
.cloud-logo
font-size: 2em
color: darken($color-background, 60%)
+position-center-translate
left: $list-node-children-item-width_list / 1.3
&:hover &:hover
opacity: 1 opacity: 1
text-decoration: none text-decoration: none
@@ -1886,8 +1892,9 @@ section.node-children
min-width: $list-node-children-item-width_list * 1.69 min-width: $list-node-children-item-width_list * 1.69
max-width: $list-node-children-item-width_list * 1.69 max-width: $list-node-children-item-width_list * 1.69
height: $list-node-children-item-width_list height: $list-node-children-item-width_list
border-radius: 3px background-color: darken($color-background, 55%)
background: $color-background box-shadow: inset 0 0 1px darken($color-background, 65%)
img img
height: $list-node-children-item-width_list height: $list-node-children-item-width_list
width: auto width: auto
@@ -1896,11 +1903,6 @@ section.node-children
font-size: 1.2em font-size: 1.2em
transition: none transition: none
.dark
text-shadow: none
color: $color-text-dark-secondary
font-size: 1.3em
.list-node-children-item-ribbon .list-node-children-item-ribbon
+ribbon +ribbon
right: -30px right: -30px
@@ -1917,8 +1919,9 @@ section.node-children
top: 0 top: 0
left: 15px left: 15px
font: font:
size: 1.2em size: 1.15em
color: darken($color-primary, 15%) color: $color-text-dark-primary
text-shadow: none
background-color: initial background-color: initial
width: initial width: initial

33
src/templates/nodes/custom/group/view_embed.jade
View File

@@ -51,6 +51,9 @@
| {% if child.picture %} | {% if child.picture %}
img( img(
src="{{ child.picture.thumbnail('t', api=api)}} ") src="{{ child.picture.thumbnail('t', api=api)}} ")
| {% else %}
.cloud-logo
i.pi-blender-cloud
| {% endif %} | {% endif %}
| {% if child.permissions.world %} | {% if child.permissions.world %}
@@ -58,6 +61,17 @@
span free span free
| {% endif %} | {% endif %}
.list-node-children-item-thumbnail-icon
| {% if child.properties.content_type and child.properties.content_type == 'video' %}
i.pi-play
| {% elif child.properties.content_type and child.properties.content_type == 'image' %}
i.pi-image
| {% elif child.properties.content_type and child.properties.content_type == 'file' %}
i.pi-file-archive
| {% else %}
i.pi-folder
| {% endif %}
.list-node-children-item-name {{ child.name }} .list-node-children-item-name {{ child.name }}
.list-node-children-item-meta .list-node-children-item-meta
@@ -65,17 +79,14 @@
span.status {{ child.properties.status }} span.status {{ child.properties.status }}
| {% endif %} | {% endif %}
| {% if child.properties.content_type == 'video' %} span.type
span Video · | {% if child.properties.content_type %}
| {% elif child.properties.content_type == 'image' %} | {{ child.properties.content_type | undertitle }} ·
span Image · | {% elif child.node_type == 'group' %}
| {% elif child.properties.content_type == 'file' %} | Folder ·
span File · | {% else %}
| {% else %} | {{ child.node_type | undertitle }} ·
| {% if child.picture %} | {% endif %}
span Folder ·
| {% endif %}
| {% endif %}
span(title="Created on {{ child._created }}") {{ child._created | pretty_date }} span(title="Created on {{ child._created }}") {{ child._created | pretty_date }}