reuse styles for schedule dates

This commit is contained in:
Mads Rasmussen
2017-09-12 11:56:13 +02:00
parent ab85cbf599
commit 7d5d89e9cb
2 changed files with 34 additions and 43 deletions

View File

@@ -58,22 +58,6 @@
background-color: @gray-8;
}
//--------- PUBLISH DATE IN THE FOOTER ---------
.umb-editor-footer__date-container {
display: flex;
flex-direction: column;
float: left;
font-size: 13px;
line-height: 13px;
color: @gray-2;
}
.umb-editor-footer__date-container div {
margin-right: 20px;
}
//------------------- HISTORY ------------------

View File

@@ -59,36 +59,43 @@
<umb-editor-footer-content-right>
<span class="umb-editor-footer__date-container">
<div ng-if="content.releaseDate != null"><i class="icon-calendar"></i> Publish date: {{ content.releaseDate }}</div>
<div ng-if="content.removeDate != null"><i class="icon-calendar"></i> Unpublish date: {{ content.removeDate }}</div>
</span>
<div class="flex items-center">
<umb-button
ng-if="page.listViewPath"
type="link"
href="#{{page.listViewPath}}"
label="Return to list"
label-key="buttons_returnToList">
</umb-button>
<div class="flex flex-column" style="margin-right: 10px;">
<small ng-if="content.releaseDate != null"><localize key="content_releaseDate"></localize> {{ content.releaseDate | amDateFormat:'MMMM Do YYYY, HH:mm' }}</small>
<small ng-if="content.removeDate != null"><localize key="content_unpublishDate"></localize> {{ content.removeDate | amDateFormat:'MMMM Do YYYY, HH:mm' }}</small>
</div>
<div>
<umb-button
ng-if="!page.isNew && content.allowPreview"
type="button"
button-style="info"
action="preview(content)"
label="Preview page"
label-key="buttons_showPage">
</umb-button>
<umb-button
ng-if="page.listViewPath"
type="link"
href="#{{page.listViewPath}}"
label="Return to list"
label-key="buttons_returnToList">
</umb-button>
<umb-button-group
ng-if="defaultButton"
default-button="defaultButton"
sub-buttons="subButtons"
state="page.buttonGroupState"
direction="up"
float="right">
</umb-button-group>
<umb-button
ng-if="!page.isNew && content.allowPreview"
type="button"
button-style="info"
action="preview(content)"
label="Preview page"
label-key="buttons_showPage">
</umb-button>
<umb-button-group
ng-if="defaultButton"
default-button="defaultButton"
sub-buttons="subButtons"
state="page.buttonGroupState"
direction="up"
float="right">
</umb-button-group>
</div>
</div>
</umb-editor-footer-content-right>