2015-05-20 15:31:53 +02:00
|
|
|
/// dialog.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
2015-04-10 21:37:00 +02:00
|
|
|
@import 'extends';
|
2015-08-03 22:15:59 +02:00
|
|
|
|
2015-09-02 21:52:18 +02:00
|
|
|
@mixin fullscreen {
|
|
|
|
max-width: 100%;
|
|
|
|
max-height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
border-radius: 0;
|
|
|
|
flex-basis: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.popup {
|
|
|
|
md-dialog {
|
2015-12-04 21:00:58 +01:00
|
|
|
&[flex-xs="100"],
|
|
|
|
&.flex-xs-100 {
|
2015-09-02 21:52:18 +02:00
|
|
|
@include fullscreen;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-02-16 18:40:59 +01:00
|
|
|
md-dialog {
|
2016-03-08 19:20:34 +01:00
|
|
|
background-color: white !important;
|
2016-02-16 18:40:59 +01:00
|
|
|
md-dialog-content {
|
|
|
|
&.sg-dialog-message {
|
|
|
|
// Prepare content to receive a "close" button on the right
|
|
|
|
align-items: flex-start;
|
|
|
|
display: flex;
|
|
|
|
flex-shrink: 0;
|
|
|
|
transition: background-color $swift-ease-in-duration $swift-ease-in-timing-function;
|
|
|
|
&.ng-hide {
|
|
|
|
background-color: white !important;
|
|
|
|
transition-duration: 0s;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-12-04 21:00:58 +01:00
|
|
|
@media (max-width: $layout-breakpoint-xs) {
|
2015-09-02 21:52:18 +02:00
|
|
|
md-dialog {
|
2015-12-04 21:00:58 +01:00
|
|
|
&[flex-xs="100"],
|
|
|
|
&.flex-xs-100 {
|
2015-09-02 21:52:18 +02:00
|
|
|
@include fullscreen;
|
|
|
|
}
|
2015-08-03 22:15:59 +02:00
|
|
|
}
|
2015-09-02 21:52:18 +02:00
|
|
|
}
|
|
|
|
|