archive/attract
0
0
Fork 0
Code Issues 7 Pull Requests Projects Releases Wiki Activity

Tweaks to style of active items

Browse Source
This commit is contained in:
Pablo Vazquez
2016-11-01 16:53:44 +01:00
parent 14bbb9bedc
commit df364e225c
5 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/_app_base.sass
View File

@@ -8,21 +8,15 @@ body
&[data-context="task"] &[data-context="task"]
nav.sidebar .navbar-item.tasks nav.sidebar .navbar-item.tasks
background-color: $color-background-nav +sidebar-button-active
box-shadow: inset 3px 0 0 $color-primary
color: white
&[data-context="shot"] &[data-context="shot"]
nav.sidebar .navbar-item.shots nav.sidebar .navbar-item.shots
background-color: $color-background-nav +sidebar-button-active
box-shadow: inset 3px 0 0 $color-primary
color: white
&[data-context="dashboard"] &[data-context="dashboard"]
nav.sidebar .navbar-item.attract nav.sidebar .navbar-item.attract
background-color: $color-background-nav +sidebar-button-active
box-shadow: inset 3px 0 0 $color-primary
color: white
#app-main #app-main
display: flex display: flex

5
src/styles/_app_utils.sass
View File

@@ -575,3 +575,8 @@
#{$property}: $color-status-review-dark #{$property}: $color-status-review-dark
@else @else
#{$property}: $color-status-review #{$property}: $color-status-review
=sidebar-button-active
background-color: $color-background-nav
box-shadow: inset 2px 0 0 $color-primary
color: white

2
src/styles/_config.sass
View File

@@ -6,7 +6,7 @@ $color-background-nav: hsl(hue($color-background), 20%, 25%)
$color-background-nav-light: hsl(hue($color-background), 20%, 35%) $color-background-nav-light: hsl(hue($color-background), 20%, 35%)
$color-background-nav-dark: hsl(hue($color-background), 20%, 15%) $color-background-nav-dark: hsl(hue($color-background), 20%, 15%)
$color-background-active: #def4ff // background colour for active items. $color-background-active: #dff5f6 // background colour for active items.
$font-body: 'Roboto' $font-body: 'Roboto'
$font-headings: 'Lato' $font-headings: 'Lato'

1
src/styles/_tasks.sass
View File

@@ -113,6 +113,7 @@
text-decoration: none text-decoration: none
background-color: $color-background-active background-color: $color-background-active
box-shadow: inset -5px 0 0 $color-primary box-shadow: inset -5px 0 0 $color-primary
text-shadow: 1px 1px 0 white
.status-indicator .status-indicator
transform: scale(1.2) transform: scale(1.2)

2
src/templates/attract/tasks/for_project.jade
View File

@@ -20,7 +20,7 @@
href="{{ url_for('attract.tasks.perproject.view_task', project_url=project.url, task_id=task._id) }}") href="{{ url_for('attract.tasks.perproject.view_task', project_url=project.url, task_id=task._id) }}")
span.status-indicator(title="Status: {{ task.properties.status | undertitle }}") span.status-indicator(title="Status: {{ task.properties.status | undertitle }}")
| {% if task._parent_info %} | {% if task._parent_info %}
span.shotname {{ task._parent_info.name }} span.shotname(title="Shot {{ task._parent_info.name }}") {{ task._parent_info.name }}
| {% endif %} | {% endif %}
span.name {{ task.name }} span.name {{ task.name }}
span.type {{ task.properties.task_type }} span.type {{ task.properties.task_type }}