Procházet zdrojové kódy

fix(mobile/shop): Corrects drag/drop because of transform3d

master
sovanna před 8 měsíci
rodič
revize
5b95796160
1 změnil soubory, kde provedl 30 přidání a 22 odebrání
  1. +30
    -22
      static/css/order-hardware.css

+ 30
- 22
static/css/order-hardware.css Zobrazit soubor

@@ -281,17 +281,20 @@
}

#root-shop .layout>aside.aside.menu-opened {
transform: translate3d(0, 0, 0);
transition: transform .3s;
/*transform: translate3d(0, 0, 0);*/
transition: left .3s;
width: 310px;
left: 0;
}

#root-shop .layout>aside.aside.menu-opened + section.main {
transform: translate3d(310px, 0, 0);
transition: transform .3s;
/*transform: translate3d(310px, 0, 0);*/
transition: left .3s;
left: 310px;
position: relative;
}

#root-shop .layout>aside.aside.menu-opened + section.main:after {
/*#root-shop .layout>aside.aside.menu-opened + section.main:after {
content: '';
position: absolute;
height: 100%;
@@ -300,14 +303,14 @@
top: 0;
bottom: 0;
z-index: 10;
}
}*/

#root-shop .layout>aside.aside {
transform: translate3d(-310px, 0px, 0px);
transition: transform .3s;
/*transform: translate3d(-310px, 0px, 0px);*/
transition: left .3s;
position: fixed;
z-index: 1;
left: 0;
left: -310px;
width: 310px;
height: 100%;
}
@@ -317,8 +320,9 @@
}

#root-shop .layout>aside.aside + section.main {
transform: translate3d(0, 0, 0);
transition: transform .3s;
/*transform: translate3d(0, 0, 0);*/
transition: left .3s;
left: 0;
}

#root-shop .layout>section.main {
@@ -364,17 +368,20 @@
}

#root-shop .layout>aside.aside.menu-opened {
transform: translate3d(0, 0, 0);
transition: transform .3s;
/*transform: translate3d(0, 0, 0);*/
transition: left .3s;
width: 310px;
left: 0;
}

#root-shop .layout>aside.aside.menu-opened + section.main {
transform: translate3d(310px, 0, 0);
transition: transform .3s;
/*transform: translate3d(310px, 0, 0);*/
transition: left .3s;
left: 310px;
position: relative;
}

#root-shop .layout>aside.aside.menu-opened + section.main:after {
/*#root-shop .layout>aside.aside.menu-opened + section.main:after {
content: '';
position: absolute;
height: 100%;
@@ -382,14 +389,14 @@
background-color: rgba(0, 0, 0, .8);
top: 0;
bottom: 0;
}
}*/

#root-shop .layout>aside.aside {
transform: translate3d(-310px, 0px, 0px);
transition: transform .3s;
/*transform: translate3d(-310px, 0px, 0px);*/
transition: left .3s;
position: fixed;
z-index: 1;
left: 0;
left: -310px;
width: 310px;
height: 100%;
}
@@ -399,8 +406,9 @@
}

#root-shop .layout>aside.aside + section.main {
transform: translate3d(0, 0, 0);
transition: transform .3s;
/*transform: translate3d(0, 0, 0);*/
transition: left .3s;
left: 0;
}

#root-shop .layout>section.main {


Načítá se…
Zrušit
Uložit