(css) Enlarge width of "detail" view
This commit is contained in:
parent
bb05ce89c9
commit
b390a4b117
|
@ -1,4 +1,4 @@
|
||||||
/// _view.scss -*- Mode: text; indent-tabs-mode: nil; basic-offset: 2 -*-
|
/// _view.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
||||||
|
|
||||||
@import 'LoginUI.scss';
|
@import 'LoginUI.scss';
|
||||||
@import 'MailerUI.scss';
|
@import 'MailerUI.scss';
|
||||||
|
@ -53,22 +53,21 @@ $detailView-width: grid-step(8) !global;
|
||||||
z-index: $z-index-view;
|
z-index: $z-index-view;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
background-color: $background-base-color;
|
background-color: $background-base-color;
|
||||||
|
|
||||||
@include from(lg) {
|
|
||||||
@include flex-col(lg, 8, 2, 1);
|
|
||||||
margin: 0 $mg;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@include at(md) {
|
@include at(md) {
|
||||||
@include flex-col(md, 9);
|
@include flex-col(md, 9);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@include from(lg) {
|
||||||
|
@include flex-col(lg, 10, 2, 1);
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
}
|
||||||
@include from(md) {
|
@include from(md) {
|
||||||
.viewer {
|
.viewer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
transform: translate3d(0, 0, 0);
|
transform: translate3d(0, 0, 0);
|
||||||
transition: all 0.5s $swift-ease-in-out-timing-function;
|
transition: all 0.5s $swift-ease-in-out-timing-function;
|
||||||
|
@ -152,10 +151,3 @@ $detailView-width: grid-step(8) !global;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include from(md) {
|
|
||||||
[ui-view="message"] > md-content {
|
|
||||||
// to create a false padding for the fab button
|
|
||||||
border-bottom: ($button-fab-height + ($mg * 2)) solid transparent; // buton height + mg top and bottom
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in a new issue