summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorLauri Ojansivu <x@xet7.org>2019-11-08 00:21:04 +0200
committerLauri Ojansivu <x@xet7.org>2019-11-08 00:21:04 +0200
commit36b5965dd07e3f0fd90069353310739c394c220f (patch)
tree27589822527858d100de58554bb6e7e16a55f00a
parent3a00a59ffb130441bf780ff6e94a87cfa606fa47 (diff)
downloadwekan-36b5965dd07e3f0fd90069353310739c394c220f.tar.gz
wekan-36b5965dd07e3f0fd90069353310739c394c220f.tar.bz2
wekan-36b5965dd07e3f0fd90069353310739c394c220f.zip
Close card button now visible on mobile.
Closes #2261
-rw-r--r--client/components/cards/cardDetails.jade11
-rw-r--r--client/components/cards/cardDetails.styl14
2 files changed, 21 insertions, 4 deletions
diff --git a/client/components/cards/cardDetails.jade b/client/components/cards/cardDetails.jade
index 53a264ec..2b4f44b9 100644
--- a/client/components/cards/cardDetails.jade
+++ b/client/components/cards/cardDetails.jade
@@ -4,9 +4,14 @@ template(name="cardDetails")
+inlinedForm(classNames="js-card-details-title")
+editCardTitleForm
else
- a.fa.fa-times-thin.close-card-details.js-close-card-details
- if currentUser.isBoardMember
- a.fa.fa-navicon.card-details-menu.js-open-card-details-menu
+ unless isMiniScreen
+ a.fa.fa-times-thin.close-card-details.js-close-card-details
+ if currentUser.isBoardMember
+ a.fa.fa-navicon.card-details-menu.js-open-card-details-menu
+ if isMiniScreen
+ a.fa.fa-times-thin.close-card-details-mobile-web.js-close-card-details
+ if currentUser.isBoardMember
+ a.fa.fa-navicon.card-details-menu-mobile-web.js-open-card-details-menu
h2.card-details-title.js-card-title(
class="{{#if canModifyCard}}js-open-inlined-form is-editable{{/if}}")
+viewer
diff --git a/client/components/cards/cardDetails.styl b/client/components/cards/cardDetails.styl
index e4549e44..3fc4d047 100644
--- a/client/components/cards/cardDetails.styl
+++ b/client/components/cards/cardDetails.styl
@@ -107,7 +107,9 @@ avatar-radius = 50%
border-bottom: 1px solid darken(white, 14%)
.close-card-details,
- .card-details-menu
+ .card-details-menu,
+ .close-card-details-mobile-web,
+ .card-details-menu-mobile-web
float: right
.close-card-details
@@ -115,10 +117,20 @@ avatar-radius = 50%
padding: 5px
margin-right: -8px
+ .close-card-details-mobile-web
+ font-size: 24px
+ padding: 5px
+ margin-right: 40px
+
.card-details-menu
font-size: 17px
padding: 10px
+ .card-details-menu-mobile-web
+ font-size: 17px
+ padding: 10px
+ margin-right: 30px
+
.card-details-watch
font-size: 17px
padding-left: 7px