Better indicate dropping on empty completed list

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
This commit is contained in:
Raimund Schlüßler 2020-08-03 20:34:19 +02:00
parent f348a357dd
commit 7a6fa2ba2d
No known key found for this signature in database
GPG Key ID: 036FA7EB1A599178
2 changed files with 7 additions and 1 deletions

View File

@ -443,6 +443,10 @@ $blue_due: #4271a6; // due dates and low importance
z-index: 10;
}
&.completed {
margin-top: 12px;
}
// Show round corners for first root task
> .task-item {
&:first-child > .task-body {
@ -776,7 +780,6 @@ $blue_due: #4271a6; // due dates and low importance
.heading {
display: flex;
align-items: center;
margin-bottom: 10px;
margin-top: 20px !important;
@media only screen and (max-width: $breakpoint-mobile) {
@ -784,6 +787,8 @@ $blue_due: #4271a6; // due dates and low importance
}
&--hiddentasks {
margin-bottom: 0;
.heading__title {
display: inline-block;
padding-right: 16px;

View File

@ -50,6 +50,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
:tasks="completedRootTasks(calendar.tasks)"
:calendar-id="calendarId"
:disabled="calendar.readOnly"
class="completed"
collection-id="completed" />
<LoadCompletedButton :calendar="calendar" />
<DeleteCompletedModal v-if="calendar.loadedCompleted && !calendar.readOnly" :calendar="calendar" />