(css) Fix display of message in popup window

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
+16 -6
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 {
+13 -5
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;
}