提交 8a425b39 编写于 作者: X XhmikosR

Simplify translate mixin and use it everywhere.

上级 903143a1
......@@ -30,7 +30,7 @@
}
.direct-chat-messages {
@include translate(0, 0);
@include translate();
height: 250px;
overflow: auto;
padding: 10px;
......@@ -129,12 +129,12 @@
//Direct chat contacts pane
.direct-chat-contacts-open {
.direct-chat-contacts {
@include translate(0, 0);
@include translate();
}
}
.direct-chat-contacts {
@include translate(101%, 0);
@include translate(101%, 0, 0);
background-color: $dark;
bottom: 0;
color: $white;
......
......@@ -18,7 +18,7 @@
//This is the only element that should appear, so let's remove the margins
.content-wrapper,
.main-footer {
@include translate(0, 0);
@include translate();
margin-left: 0 !important;
min-height: 0 !important;
}
......
......@@ -3,8 +3,8 @@
//
// ETC
@mixin translate($x, $y) {
transform: translate($x, $y);
@mixin translate($x: 0, $y: 0, $z: 0) {
transform: translate3d($x, $y, $z);
}
// Different radius each side
......@@ -29,4 +29,3 @@
background-color: $color;
background-image: gradient(linear, left bottom, left top, color-stop(0, $start), color-stop(1, $stop));
}
......@@ -135,8 +135,8 @@
// and angle icons disappear
.sidebar-form,
.user-panel > .info {
display: block !important;
transform: translateZ(0);
display: block !important; // TODO: this seems redundant?
@include translate(); // TODO: this seems redundant?
}
.nav-sidebar > .nav-item > .nav-link > span {
......
......@@ -29,7 +29,7 @@ $bootstrap-switch-handle-border-radius: .1rem;
border-radius: $bootstrap-switch-border-radius;
display: inline-block;
top: 0;
transform: translate3d(0, 0, 0);
@include translate();
}
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册