fix(dashboard): choose todo style according to theme

pull/46/head
kostya.danovsky 2016-05-11 20:21:43 +03:00
parent 7ee5266329
commit 1a9329b86b
3 changed files with 5 additions and 8 deletions

View File

@ -9,8 +9,9 @@
.controller('DashboardTodoCtrl', DashboardTodoCtrl); .controller('DashboardTodoCtrl', DashboardTodoCtrl);
/** @ngInject */ /** @ngInject */
function DashboardTodoCtrl($scope, layoutColors) { function DashboardTodoCtrl($scope, layoutColors, layoutTheme) {
$scope.transparent = layoutTheme.blur;
var palette = layoutColors.bgColorPalette; var palette = layoutColors.bgColorPalette;
var colors = []; var colors = [];
for (var key in palette) { for (var key in palette) {

View File

@ -1,4 +1,4 @@
<div class="task-todo-container transparent"> <div class="task-todo-container" ng-class="{'transparent': transparent}">
<input type="text" value="" class="form-control task-todo" placeholder="Task to do.." ng-keyup="addToDoItem($event)" ng-model="newTodoText"/> <input type="text" value="" class="form-control task-todo" placeholder="Task to do.." ng-keyup="addToDoItem($event)" ng-model="newTodoText"/>
<i ng-click="addToDoItem('',true)" class="add-item-icon ion-plus-round"></i> <i ng-click="addToDoItem('',true)" class="add-item-icon ion-plus-round"></i>
<div class="box-shadow-border"></div> <div class="box-shadow-border"></div>

View File

@ -163,7 +163,7 @@ label.todo-checkbox {
label.todo-checkbox > span { label.todo-checkbox > span {
&:before { &:before {
position: absolute; position: absolute;
color: white; color: $default-text;
content: '\f10c'; content: '\f10c';
float: none; float: none;
margin-right: 6px; margin-right: 6px;
@ -173,11 +173,7 @@ label.todo-checkbox {
&.checked { &.checked {
label.todo-checkbox > span { label.todo-checkbox > span {
&:before { &:before {
margin-right: 0; content: '\f00c';
position: absolute;
content: '';
background-size: contain;
background: url($images-root + "app/todo/check-icon.png") no-repeat;
} }
} }
} }