(css) Improve sgImageGallery for small devices

Also include md-truncate directive from ng-material.
This commit is contained in:
Francis Lachapelle
2017-05-31 09:40:22 -04:00
parent e4d0ce6090
commit c8e90b4abd
5 changed files with 13 additions and 11 deletions
@@ -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}}">',