Fix card headings

Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2017-09-30 00:20:44 +02:00
committed by Julius Härtl
parent 4cf746dd6f
commit 458a795460
2 changed files with 17 additions and 27 deletions

View File

@@ -598,31 +598,20 @@ input.input-inline {
.select2-container { .select2-container {
margin: 0px; margin: 0px;
} }
h4 {
border-bottom: 1px solid $color-lightgrey;
display: flex;
flex-direction: row;
height: 30px;
div:first-child {
flex-grow: 1;
padding: 15px 0 5px 0;
display: inline-block;
}
}
.section-header { .section-header {
border-bottom: 1px solid $color-lightgrey; border-bottom: 1px solid $color-lightgrey;
display: flex; display: flex;
flex-direction: row; margin-bottom: 5px;
padding: 15px 0 5px 0; margin-top: 20px;
margin: 10px 0 10px 0; min-height: 30px;
h4 { h4 {
margin: 0; padding-top: 5px;
padding-bottom: 5px;
border: none; border: none;
margin: 15px 0 5px 0; flex: 1;
} }
} }
.save-indicator { .save-indicator {
@@ -655,11 +644,6 @@ input.input-inline {
text-align: right; text-align: right;
} }
#card-tag-label {
padding-top: 0px !important;
margin-top: 0px;
}
#card-description { #card-description {
height: 100%; height: 100%;
display: flex; display: flex;
@@ -998,6 +982,10 @@ input.input-inline {
} }
} }
.select2-container-multi .select2-choices {
padding: 0 !important;
}
.select2-container-multi .select2-choices .select2-search-choice { .select2-container-multi .select2-choices .select2-search-choice {
padding: 3px 0 !important; padding: 3px 0 !important;
border: 0 !important; border: 0 !important;

View File

@@ -28,9 +28,11 @@
<?php p($l->t('by')); ?> <?php p($l->t('by')); ?>
<span>{{ cardservice.getCurrent().owner.displayname }}</span> <span>{{ cardservice.getCurrent().owner.displayname }}</span>
</div> </div>
<div class="section-header">
<h4 id="card-tag-label" ng-show="!(boardservice.isArchived() || card.archived) && card.labels"> <h4 id="card-tag-label" ng-show="!(boardservice.isArchived() || card.archived) && card.labels">
<?php p($l->t('Tags')); ?> <?php p($l->t('Tags')); ?>
</h4> </h4>
</div>
<div id="labels" ng-show="!(boardservice.isArchived() || card.archived) && card.labels"> <div id="labels" ng-show="!(boardservice.isArchived() || card.archived) && card.labels">
<ui-select multiple tagging="" ng-model="card.labels" theme="select2" <ui-select multiple tagging="" ng-model="card.labels" theme="select2"
ng-disabled="boardservice.isArchived() || card.archived" ng-disabled="boardservice.isArchived() || card.archived"