LupusNobilis
/
sogo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

(css) Improve sgImageGallery for small devices 

Also include md-truncate directive from ng-material.
pull/228/merge
Francis Lachapelle 2017-05-31 09:40:22 -04:00
parent e4d0ce6090
commit c8e90b4abd
5 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
UI/WebServerResources/js/Mailer/sgImageGallery.service.js
View File

@ -119,15 +119,13 @@
template: [
'<sg-image-gallery layout="column">',
' <div class="md-toolbar-tools" layout="row" layout-align="space-between center">',
' <div>',
' <md-button class="md-icon-button"',
' aria-label="' + l('Close') + '"',
' ng-click="$panelCtrl.close()">',
' <md-icon>arrow_back</md-icon>',
' </md-button>',
' <md-icon class="md-primary">image</md-icon>',
' <span ng-bind="$panelCtrl.selectedImage.filename"></span>',
' </div>',
' <md-button class="md-icon-button"',
' aria-label="' + l('Close') + '"',
' ng-click="$panelCtrl.close()">',
' <md-icon>arrow_back</md-icon>',
' </md-button>',
' <md-icon class="md-primary">image</md-icon>',
' <div md-truncate class="md-flex" ng-bind="$panelCtrl.selectedImage.filename"></div>',
' <md-button class="md-icon-button"',
' aria-label="' + l('Save Attachment') + '"',
' ng-href="{{$panelCtrl.selectedImage.urlAsAttachment}}">',

4
UI/WebServerResources/scss/components/imagegallery/imagegallery.scss
View File

@ -21,8 +21,8 @@ sg-image-gallery {
cursor: pointer;
}
.sg-image {
max-height: 80vh;
max-width: 90vh;
max-height: 75vh;
max-width: 75vw;
}
.sg-image-thumbnails {
align-self: center;

2
UI/WebServerResources/scss/components/truncate/_extends.scss 100644
View File

@ -0,0 +1,2 @@
/*! toast/_extends.scss - */
@import '../../../angular-material/src/components/truncate/truncate.scss';

1
UI/WebServerResources/scss/components/truncate/truncate.scss 100644
View File

@ -0,0 +1 @@
@import 'extends';

1
UI/WebServerResources/scss/styles.scss
View File

@ -60,6 +60,7 @@
@import 'components/toast/toast';
@import 'components/toolbar/toolbar';
@import 'components/tooltip/tooltip';
@import 'components/truncate/truncate';
@import 'components/virtualRepeat/virtual-repeat';
@import 'components/whiteframe/whiteframe';