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

Groups view: Background gradient gray doesn't look good

Browse Source
This commit is contained in:
Pablo Vazquez 2017-03-20 18:07:13 +01:00
parent f19be0ae17
commit fde50f6525
2 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/styles/_project.sass
View File

@ -1836,6 +1836,16 @@ section.node-children
& .list-node-children-item-name i & .list-node-children-item-name i
color: $color-primary color: $color-primary
&.has-picture
.list-node-children-item-thumbnail
background-color: black
.cloud-logo
font-size: 4em
color: darken($color-background, 60%)
+position-center-translate
left: $list-node-children-item-width / 2 - 10
/* Browse group as list */ /* Browse group as list */
&.browse-list &.browse-list
display: none display: none
@ -1949,7 +1959,7 @@ section.node-children
width: $list-node-children-item-width width: $list-node-children-item-width
height: $list-node-children-item-width / 1.69 height: $list-node-children-item-width / 1.69
background-color: darken($color-background, 30%) background-color: darken($color-background, 55%)
position: relative position: relative
overflow: hidden overflow: hidden
@ -1963,10 +1973,10 @@ section.node-children
left: 0 left: 0
right: 0 right: 0
bottom: 0 bottom: 0
font-size: 1.5em font-size: 1.3em
color: white color: white
text-shadow: 1px 1px 0 rgba(black, .2) text-shadow: 1px 1px 0 rgba(black, .2)
background-image: linear-gradient(10deg, darken($color-background, 55%) 0%, transparent 40%) background-image: linear-gradient(10deg, rgba(black, .2) 0%, transparent 40%)
i i
position: absolute position: absolute
@ -1994,11 +2004,9 @@ section.node-children
display: flex display: flex
align-items: center align-items: center
// background-color: darken(white, 6%)
color: $color-text-light color: $color-text-light
text-shadow: 1px 1px 0 rgba(black, .2) text-shadow: 1px 1px 0 rgba(black, .2)
background-color: darken($color-background, 55%) background-color: darken($color-background, 60%)
padding: 5px 10px padding: 5px 10px
font-size: .85em font-size: .85em

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

@ -83,12 +83,15 @@
a(href="{{ url_for_node(node=child) }}", a(href="{{ url_for_node(node=child) }}",
data-node_id="{{ child._id }}", data-node_id="{{ child._id }}",
title="{{ child.name }}", title="{{ child.name }}",
class="item_icon list-node-children-item browse-icon") class="item_icon list-node-children-item browse-icon {% if child.picture %}has-picture{% endif %}")
.list-node-children-item-thumbnail .list-node-children-item-thumbnail
| {% if child.picture %} | {% if child.picture %}
img( img(
src="{{ child.picture.thumbnail('m', api=api)}} ") src="{{ child.picture.thumbnail('m', api=api)}} ")
| {% else %}
.cloud-logo
i.pi-blender-cloud
| {% endif %} | {% endif %}
.list-node-children-item-thumbnail-icon .list-node-children-item-thumbnail-icon