Fix app-sidebar

This commit is contained in:
Raimund Schlüßler 2017-03-01 21:49:50 +01:00
parent 4ea56d11d1
commit bc728b928a
2 changed files with 4 additions and 18 deletions

View file

@ -513,8 +513,8 @@
line-height: 14px;
margin: 11px 3px 0 7px;
}
#app-content {
overflow-x: hidden;
.app-tasks #app-content {
overflow-x: hidden;
}
#app-content div.content-wrapper {
padding: 6px 17px 75px;
@ -527,9 +527,6 @@
width: 100%;
overflow-y: auto;
}
#app-content.details-visible {
padding-right: 370px;
}
#app-content h2 {
font-weight: bold;
font-size: 13px;
@ -636,22 +633,11 @@
#app-content div.task-list .grouped-tasks {
position: relative;
}
#app-sidebar {
transition: all 0.2s ease-in-out;
right: -400px;
width: 370px;
max-width: 100%;
border-left: none;
}
#app-sidebar.details-visible {
right: 0;
}
#app-sidebar div.content-wrapper {
padding: 0;
height: 100%;
}
#app-sidebar div.content-wrapper > div {
border: 1px solid #CCCCCC;
height: 100%;
position: relative;
}

View file

@ -142,7 +142,7 @@
</div>
</div>
<div id="app-content" ng-controller="TasksController" ng-class="{'details-visible':route.taskID}">
<div id="app-content" ng-controller="TasksController" ng-class="{'with-app-sidebar':route.taskID}">
<div class="content-wrapper">
<div id="add-task" class="add-task handler" ng-show="showInput()" ng-class="{'focus':status.focusTaskInput}">
<a class="input-star">
@ -234,7 +234,7 @@
</div>
</div>
</div>
<div id="app-sidebar" ng-class="{'details-visible':route.taskID}">
<div id="app-sidebar" ng-class="{'disappear':!route.taskID}">
<div class="content-wrapper">
<?php print_unescaped($this->inc('part.details')); ?>
</div>