amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-02-26 19:56:23 +00:00
Code Issues Projects Releases Wiki Activity

(css) Improve md-dialog on small screens

Browse Source
This commit is contained in:
Francis Lachapelle
2015-09-02 15:52:18 -04:00
parent 99b1353faf
commit acfa96263b
1 changed files with 29 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
UI/WebServerResources/scss/components/dialog/dialog.scss
View File

@@ -1,13 +1,33 @@
/// dialog.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
@import 'extends';
@media (max-width: $layout-breakpoint-sm) {
[flex-sm="100"],
.flex-sm-100 {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
border-radius: 0;
@mixin fullscreen {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
border-radius: 0;
flex-basis: 100%;
md-dialog-content {
padding: $layout-gutter-width;
}
}
}
body.popup {
md-dialog {
&[flex-sm="100"],
&.flex-sm-100 {
@include fullscreen;
}
}
}
@media (max-width: $layout-breakpoint-sm) {
md-dialog {
&[flex-sm="100"],
&.flex-sm-100 {
@include fullscreen;
}
}
}