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

(css) Fix display of md-cards in .view-detail

pull/188/head
Francis Lachapelle 2016-01-21 14:58:10 -05:00
parent 522dc5f85a
commit 218aeb5f28
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -103,15 +103,17 @@ md-sidenav {
.msg-attachment-image,
.msg-attachment-link {
flex: 0 0 100%;
@include from(md) {
@include from(sm) {
flex: 0 0 50%;
}
@include from(lg) {
@include from(md) {
flex: 0 0 33%;
}
> div {
.md-card-image {
// Make sure the image stays proportional
max-width: 100%;
width: 100%;
min-height: 100%;
height: auto;
}
}
.popup {

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

@ -94,8 +94,12 @@ $detailView-width: grid-step(8) !global;
z-index: $z-index-view;
overflow: hidden;
md-card {
overflow: hidden;
.sg-face, .sg-back {
> md-card {
overflow: hidden;
min-width: 100%;
min-height: 0;
}
}
// On small screens, the view slides from the right and takes all screen place.