mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-07-15 13:24:54 +00:00
(css) Fix display of message in popup window
This commit is contained in:
@@ -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,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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user