amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-04-18 19:48:53 +00:00
Code Issues Projects Releases Wiki Activity

(css) Fix display of message in popup window

Browse Source
This commit is contained in:
Francis Lachapelle
2015-12-07 16:41:06 -05:00
parent ee71829134
commit 11d03569a4
3 changed files with 32 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
UI/Templates/MailerUI/UIxMailPopupView.wox
View File

@@ -9,10 +9,11 @@
className="UIxPageFrame"
title="title"
const:popup="YES"
const:jsFiles="Common.js, Contacts.services.js, Preferences.services.js, Mailer.app.popup.js, Mailer.services.js, vendor/ckeditor/ckeditor.js, vendor/ckeditor/ck.js, vendor/angular-file-upload.min.js">
const:jsFiles="Common.js, Preferences.services.js, Contacts.services.js, Mailer.app.popup.js, Mailer.services.js, vendor/ckeditor/ckeditor.js, vendor/ckeditor/ck.js, vendor/angular-file-upload.min.js">
<main class="layout-fill" ng-controller="navController">
<div id="detailView" class="view-detail" layout="column" layout-align="start center"
<div id="detailView" class="view-detail"
layout="column" layout-align="start center"
ui-view="message">
<div class="sg-progress-circular-floating">
<md-progress-circular class="md-accent ng-cloak"

22
UI/WebServerResources/scss/views/MailerUI.scss
View File

@@ -84,20 +84,30 @@ md-sidenav {
}
.msg-attachment-image,
.msg-attachment-link {
@media (min-width: $layout-breakpoint-xs) {
flex: 0 0 100%;
}
@media (min-width: $layout-breakpoint-sm) {
flex: 0 0 100%;
@include from(md) {
flex: 0 0 50%;
}
@media (min-width: $layout-breakpoint-md) {
flex: 0 0 33.33%;
@include from(lg) {
flex: 0 0 33%;
}
> div {
max-width: 100%;
width: 100%;
}
}
.popup {
.msg-attachment-image,
.msg-attachment-link {
@include from(sm) {
flex: 0 0 50%;
}
@include from(md) {
flex: 0 0 33%;
}
}
}
// sgZoomableImage directive
.msg-attachment-image {

18
UI/WebServerResources/scss/views/_view.scss
View File

@@ -18,10 +18,18 @@ body.popup {
}
.view-detail {
max-width: 100%;
}
@include from(sm) {
[class|="view"] {
position: static;
@include from(sm) {
height: 100%;
position: absolute;
width: 100%;
.sg-face, .sg-back {
> md-card {
height: 100%;
md-card-content {
height: 100%;
}
}
}
}
}
}
@@ -72,8 +80,8 @@ $detailView-width: grid-step(8) !global;
.view-detail {
z-index: $z-index-view;
//overflow-x: hidden;
overflow: hidden;
md-card {
overflow: hidden;
}