(css) Fix printing of long mails

Fixes #3731
pull/248/head
Francis Lachapelle 2019-01-08 15:25:25 -05:00
parent 4a8e3ed310
commit 03716f3c3e
9 changed files with 21 additions and 21 deletions

View File

@ -136,7 +136,7 @@
<div class="section" ng-if="editor.card.hasCertificate">
<div class="pseudo-input-container">
<label class="pseudo-input-label"><var:string label:value="Security"/></label>
<sg-block-toggle class="sg-no-print" layout="column">
<sg-block-toggle class="hide-print" layout="column">
<md-list-item class="sg-button-toggle">
<p class="md-flex">
<md-icon rsrc:md-svg-src="img/certificate.svg"><!-- certificate --></md-icon>

View File

@ -232,9 +232,9 @@
<var:component className="UIxTopnavToolbar" />
</md-toolbar>
<div layout="row" class="md-flex">
<div layout="row" class="md-flex sg-block-print">
<div class="view-list sg-no-print" layout="column" ng-class="{'view-list--close': addressbook.centerIsClose(centerIsClose)}">
<div class="view-list hide-print" layout="column" ng-class="{'view-list--close': addressbook.centerIsClose(centerIsClose)}">
<!-- single-selection toolbar -->
<md-toolbar class="md-accent md-hue-1"
@ -542,7 +542,7 @@
</md-fab-actions>
</md-fab-speed-dial>
<div id="detailView" class="view-detail"
<div id="detailView" class="view-detail sg-block-print"
layout="column" layout-align="start center"
ng-class="{ 'sg-close': !addressbook.selectedFolder.selectedCard }"
md-colors="::{backgroundColor: 'default-background-200'}"

View File

@ -107,7 +107,7 @@
<div class="section" ng-if="editor.card.hasCertificate">
<div class="pseudo-input-container">
<label class="pseudo-input-label"><var:string label:value="Security"/></label>
<sg-block-toggle class="sg-no-print" layout="column">
<sg-block-toggle class="hide-print" layout="column">
<md-list-item class="sg-button-toggle">
<p class="md-flex">
<md-icon rsrc:md-svg-src="img/certificate.svg"><!-- certificate --></md-icon>

View File

@ -3,7 +3,7 @@
xmlns="http://www.w3.org/1999/xhtml"
xmlns:var="http://www.skyrix.com/od/binding"
xmlns:label="OGo:label">
<div class="view-list sg-no-print" layout="column" ng-class="{'view-list--close': mailbox.centerIsClose(centerIsClose)}">
<div class="view-list hide-print" layout="column" ng-class="{'view-list--close': mailbox.centerIsClose(centerIsClose)}">
<!-- in virtual mailbox mode -->
<md-toolbar class="md-whiteframe-z1 md-hue-3"
@ -363,7 +363,7 @@
<md-icon>edit</md-icon>
</md-button>
<div id="detailView" class="view-detail"
<div id="detailView" class="view-detail sg-block-print"
layout="column" layout-align="start center"
ng-class="{ 'sg-close': !mailbox.service.selectedFolder.hasSelectedMessage() }"
md-colors="::{backgroundColor: 'default-background-200'}"

View File

@ -176,7 +176,7 @@
</div>
</md-toolbar>
<div layout="row" class="md-flex">
<div layout="row" class="md-flex sg-block-print">
<var:component className="UIxMailFolderTemplate" />
</div>
</script>

View File

@ -208,7 +208,7 @@
</div>
<!-- S/MIME Signature -->
<sg-block-toggle class="sg-no-print" layout="column"
<sg-block-toggle class="hide-print" layout="column"
ng-show="::viewer.message.signed">
<md-divider><!-- divider --></md-divider>
<md-list-item class="sg-button-toggle">
@ -248,7 +248,7 @@
</sg-block-toggle>
<!-- S/MIME Encryption -->
<div class="sg-no-print" layout="column"
<div class="hide-print" layout="column"
ng-show="::viewer.message.encrypted">
<md-divider><!-- divider --></md-divider>
<md-list-item>
@ -261,7 +261,7 @@
</div>
<!-- Load external images -->
<div class="sg-no-print" ng-show="viewer.message.$hasUnsafeContent">
<div class="hide-print" ng-show="viewer.message.$hasUnsafeContent">
<md-divider><!-- divider --></md-divider>
<md-list-item class="md-clickable" layout="row" layout-align="space-between center"
label:aria-label="Load Images"
@ -273,7 +273,7 @@
</div>
<!-- Return Receipt / Send MDN -->
<md-whiteframe class="md-whiteframe-z2 sg-no-print" layout="column" layout-align="center start"
<md-whiteframe class="md-whiteframe-z2 hide-print" layout="column" layout-align="center start"
ng-show="viewer.message.shouldAskReceipt == 1">
<div layout="row" layout-align="start center">
<div class="md-tile-left">

View File

@ -184,7 +184,7 @@
<div layout="column" ng-show="$AccountDialogController.account.security.hasCertificate">
<!-- S/MIME Certificate -->
<sg-block-toggle class="sg-no-print" layout="column">
<sg-block-toggle class="hide-print" layout="column">
<md-list-item class="sg-button-toggle">
<p class="md-flex">
<md-icon rsrc:md-svg-src="img/certificate.svg"><!-- certificate --></md-icon>

View File

@ -151,7 +151,7 @@
ng-show="list.selectedList >= 0"
ng-class="{'view-list--close': centerIsClose}"
ui-view="listView">
<md-toolbar class="md-accent md-hue-1 sg-no-print" flex-none="flex-none"
<md-toolbar class="md-accent md-hue-1 hide-print" flex-none="flex-none"
ng-hide="list.mode.multiple">
<!-- sort/filter mode (default) -->
<div class="md-toolbar-tools" layout="row" ng-hide="list.mode.search">
@ -378,7 +378,7 @@
</div>
</md-toolbar>
<md-divider class="sg-no-print"><!-- divider --></md-divider>
<md-divider class="hide-print"><!-- divider --></md-divider>
<md-content layout="column" class="view-list">
<md-tabs md-dynamic-height="true"
@ -386,7 +386,7 @@
<!-- Events list -->
<md-tab label:label="Events"
md-on-select="list.selectComponentType('events')">
<md-subheader class="sg-no-print">
<md-subheader class="hide-print">
<div layout="row" layout-align="space-between center">
<div class="md-truncate" ng-bind="list.filter() | loc"><!-- active filter --></div>
<div class="md-truncate"><md-icon ng-class="{ 'md-flip': list.ascending() }">sort</md-icon> <span ng-bind="list.sort() | loc"><!-- active sort --></span></div>
@ -433,7 +433,7 @@
<!-- Tasks list -->
<md-tab label:label="Tasks"
md-on-select="list.selectComponentType('tasks')">
<md-subheader class="sg-no-print">
<md-subheader class="hide-print">
<div layout="row" layout-align="space-between center">
<div class="md-truncate" ng-bind="list.filter() | loc"><!-- active filter --></div>
<div class="md-truncate"><md-icon ng-class="{ 'md-flip': list.ascending() }">sort</md-icon> <span ng-bind="list.sort() | loc"><!-- active sort --></span></div>

View File

@ -56,9 +56,7 @@
.toolbar-main,
.view-list--close,
.view-detail .sg-reversible.sg-flip .sg-face,
.view-detail .sg-reversible:not(.sg-flip) .sg-back,
.sg-no-print
{
.view-detail .sg-reversible:not(.sg-flip) .sg-back {
display: none !important;
}
@ -84,12 +82,14 @@
md-card-content pre,
.view-detail .sg-reversible,
.view-detail .sg-reversible:not(.sg-flip) .sg-face,
.view-detail .sg-reversible.sg-flip .sg-back {
.view-detail .sg-reversible.sg-flip .sg-back,
.sg-block-print {
display: block !important;
height: auto !important;
min-height: auto !important;
overflow: visible !important;
position: relative !important;
flex: none;
}
// Remove shadow from Cards