ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fix tab details alignment

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2018-11-12 10:18:57 +01:00
parent 6c5f09e1f9
commit 81a0c62308
2 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
css/style.scss
View File

@@ -776,6 +776,7 @@ input.input-inline {
flex: 1; flex: 1;
} }
} }
.section-header-tabbed { .section-header-tabbed {
margin-top: 10px; margin-top: 10px;
margin-bottom: 5px; margin-bottom: 5px;
@@ -785,8 +786,15 @@ input.input-inline {
margin: 0; margin: 0;
flex-grow: 1; flex-grow: 1;
} }
.tabDetails { }
display: flex;
.tabDetails {
display: flex;
height: 40px;
align-items: center;
justify-content: center;
input[type=button] {
width: 32px;
} }
} }
@@ -796,7 +804,6 @@ input.input-inline {
padding: 0 10px; padding: 0 10px;
font-size: 8pt; font-size: 8pt;
display: none; display: none;
align-self: flex-end;
text-align: center; text-align: center;
&.saved { &.saved {
background-color: $color-success; background-color: $color-success;

7
templates/part.card.php
View File

@@ -91,13 +91,12 @@
<li class="tabHeader" ng-class="{'selected': (params.tab==2)}" ui-sref="{tab: 2}" ng-if="isTimelineEnabled()"><span class="icon icon-activity"></span><a><?php p($l->t('Timeline')); ?></a></li> <li class="tabHeader" ng-class="{'selected': (params.tab==2)}" ui-sref="{tab: 2}" ng-if="isTimelineEnabled()"><span class="icon icon-activity"></span><a><?php p($l->t('Timeline')); ?></a></li>
</ul> </ul>
</div> </div>
<div class="tabDetails" style="display: flex;"> <div class="tabDetails" ng-if="params.tab === 0">
<span class="save-indicator saved"><?php p($l->t('Saved')); ?></span> <span class="save-indicator saved"><?php p($l->t('Saved')); ?></span>
<span class="save-indicator unsaved"><?php p($l->t('Unsaved changes')); ?></span> <span class="save-indicator unsaved"><?php p($l->t('Unsaved changes')); ?></span>
<div style="flex-grow: 1;"> </div> <div style="flex-grow: 1;"> </div>
<a ng-if="params.tab === 0" href="https://github.com/nextcloud/deck/wiki/Markdown-Help" target="_blank" class="icon icon-help" data-toggle="tooltip" data-placement="left" title="<?php p($l->t('Formatting help')); ?>"><span class="hidden-visually"><?php p($l->t('Formatting help')); ?></span></a>
<input ng-if="status.cardEditDescription" type="button" ng-mousedown="status.continueEdit = true; status.selectAttachment = true;" class="icon-files-dark" data-toggle="tooltip" data-placement="left" title="<?php p($l->t('Insert attachment')); ?>"/> <input ng-if="status.cardEditDescription" type="button" ng-mousedown="status.continueEdit = true; status.selectAttachment = true;" class="icon-files-dark" data-toggle="tooltip" data-placement="left" title="<?php p($l->t('Insert attachment')); ?>"/>
<a href="https://deck.readthedocs.io/en/latest/Markdown/" target="_blank" class="icon icon-help" data-toggle="tooltip" data-placement="left" title="<?php p($l->t('Formatting help')); ?>"><span class="hidden-visually"><?php p($l->t('Formatting help')); ?></span></a>
</div> </div>
<div class="section-content card-attachments"> <div class="section-content card-attachments">
<div> <div>
@@ -126,9 +125,9 @@
autofocus-on-insert> </textarea> autofocus-on-insert> </textarea>
<div class="container" ng-click="clickCardDescription($event)" <div class="container" ng-click="clickCardDescription($event)"
ng-if="!status.cardEditDescription" ng-animate> ng-if="!status.cardEditDescription" ng-animate>
<div id="markdown" ng-bind-html="description()">{{ description() }}</div>
<div class="placeholder" <div class="placeholder"
ng-if="!description()"><?php p($l->t('Add a card description…')); ?></div> ng-if="!description()"><?php p($l->t('Add a card description…')); ?></div>
<div id="markdown" ng-bind-html="description()">{{ description() }}</div>
</div> </div>
</div> </div>