From 7237b86ac04ac64d82d4b7ebaa133205272080fd Mon Sep 17 00:00:00 2001 From: Ramon Wenger Date: Thu, 19 Dec 2019 11:38:07 +0100 Subject: [PATCH] Refactor code --- .../src/components/profile/ModuleActivity.vue | 44 +------------------ 1 file changed, 2 insertions(+), 42 deletions(-) diff --git a/client/src/components/profile/ModuleActivity.vue b/client/src/components/profile/ModuleActivity.vue index 067c8fb3..7f1abc0f 100644 --- a/client/src/components/profile/ModuleActivity.vue +++ b/client/src/components/profile/ModuleActivity.vue @@ -87,9 +87,6 @@ @import "@/styles/_mixins.scss"; .module-activity { - - /* used for text ellipis... somehow https://css-flexbox-text-ellipsis.dinhquangtrung.net/ just does not work */ - max-width: 640px; @include desktop { @@ -104,6 +101,8 @@ max-width: 320px; } + margin-bottom: 2*$large-spacing; + &__module-name { @include regular-text; margin-bottom: $small-spacing; @@ -119,43 +118,4 @@ } } - .task-item { - display: flex; - flex-direction: row; - justify-content: space-between; - width: 100%; - - $line-height: 50px; - - &__title { - &::after { - content: ":" - } - margin-right: $medium-spacing; - } - - &__submission { - width: 100%; - min-width: 0; - text-overflow: ellipsis; - overflow: hidden; - } - - &__title, &__submission { - line-height: $line-height; - height: $line-height; - white-space: nowrap; - } - - &__chevron { - line-height: $line-height; - height: $medium-spacing; - vertical-align: middle; - position: relative; - top: ($line-height - $medium-spacing) / 2; - fill: $color-brand; - width: 30px; - } - } -