Merge branch 'dev' into staging
This commit is contained in:
commit
bb655b65bf
@ -30,8 +30,8 @@
|
|||||||
background-color: var(--color-generic-white);
|
background-color: var(--color-generic-white);
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
transition: all 0.3s $custom-easing;
|
transition: all 0.3s $custom-easing;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
@ -42,8 +42,8 @@
|
|||||||
|
|
||||||
&.opened {
|
&.opened {
|
||||||
transform: translateX(0px);
|
transform: translateX(0px);
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -86,7 +86,7 @@
|
|||||||
|
|
||||||
.right-side {
|
.right-side {
|
||||||
min-width: calc(100vw - 389px);
|
min-width: calc(100vw - 389px);
|
||||||
padding: 64px 48px;
|
padding: 24px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
@media (max-width: ($screen-m - 1px)) {
|
@media (max-width: ($screen-m - 1px)) {
|
||||||
@ -94,7 +94,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $screen-s) {
|
@media (max-width: $screen-s) {
|
||||||
padding: 40px 16px 64px 16px;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: unset;
|
min-width: unset;
|
||||||
}
|
}
|
||||||
|
@ -30,8 +30,8 @@
|
|||||||
background-color: var(--color-generic-white);
|
background-color: var(--color-generic-white);
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
transition: all 0.3s $custom-easing;
|
transition: all 0.3s $custom-easing;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
@ -42,8 +42,8 @@
|
|||||||
|
|
||||||
&.opened {
|
&.opened {
|
||||||
transform: translateX(0px);
|
transform: translateX(0px);
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -86,7 +86,7 @@
|
|||||||
|
|
||||||
.right-side {
|
.right-side {
|
||||||
min-width: calc(100vw - 389px);
|
min-width: calc(100vw - 389px);
|
||||||
padding: 64px 48px;
|
padding: 24px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
@media (max-width: ($screen-m - 1px)) {
|
@media (max-width: ($screen-m - 1px)) {
|
||||||
@ -94,7 +94,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $screen-s) {
|
@media (max-width: $screen-s) {
|
||||||
padding: 40px 16px 64px 16px;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: unset;
|
min-width: unset;
|
||||||
}
|
}
|
||||||
|
@ -30,8 +30,8 @@
|
|||||||
background-color: var(--color-generic-white);
|
background-color: var(--color-generic-white);
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
transition: all 0.3s $custom-easing;
|
transition: all 0.3s $custom-easing;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
@ -42,8 +42,8 @@
|
|||||||
|
|
||||||
&.opened {
|
&.opened {
|
||||||
transform: translateX(0px);
|
transform: translateX(0px);
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -86,7 +86,7 @@
|
|||||||
|
|
||||||
.right-side {
|
.right-side {
|
||||||
min-width: calc(100vw - 389px);
|
min-width: calc(100vw - 389px);
|
||||||
padding: 64px 48px;
|
padding: 24px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
@media (max-width: ($screen-m - 1px)) {
|
@media (max-width: ($screen-m - 1px)) {
|
||||||
@ -94,7 +94,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $screen-s) {
|
@media (max-width: $screen-s) {
|
||||||
padding: 40px 16px 64px 16px;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: unset;
|
min-width: unset;
|
||||||
}
|
}
|
||||||
|
@ -31,8 +31,8 @@
|
|||||||
background-color: var(--color-generic-white);
|
background-color: var(--color-generic-white);
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
transition: all 0.3s $custom-easing;
|
transition: all 0.3s $custom-easing;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
@ -43,8 +43,8 @@
|
|||||||
|
|
||||||
&.opened {
|
&.opened {
|
||||||
transform: translateX(0px);
|
transform: translateX(0px);
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -87,7 +87,7 @@
|
|||||||
|
|
||||||
.right-side {
|
.right-side {
|
||||||
min-width: calc(100vw - 389px);
|
min-width: calc(100vw - 389px);
|
||||||
padding: 64px 48px;
|
padding: 24px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
@media (max-width: ($screen-m - 1px)) {
|
@media (max-width: ($screen-m - 1px)) {
|
||||||
@ -95,7 +95,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $screen-s) {
|
@media (max-width: $screen-s) {
|
||||||
padding: 40px 16px 64px 16px;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: unset;
|
min-width: unset;
|
||||||
}
|
}
|
||||||
|
@ -30,8 +30,8 @@
|
|||||||
background-color: var(--color-generic-white);
|
background-color: var(--color-generic-white);
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
transition: all 0.3s $custom-easing;
|
transition: all 0.3s $custom-easing;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
@ -42,8 +42,8 @@
|
|||||||
|
|
||||||
&.opened {
|
&.opened {
|
||||||
transform: translateX(0px);
|
transform: translateX(0px);
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -86,7 +86,7 @@
|
|||||||
|
|
||||||
.right-side {
|
.right-side {
|
||||||
min-width: calc(100vw - 389px);
|
min-width: calc(100vw - 389px);
|
||||||
padding: 64px 48px;
|
padding: 24px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
@media (max-width: ($screen-m - 1px)) {
|
@media (max-width: ($screen-m - 1px)) {
|
||||||
@ -94,7 +94,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $screen-s) {
|
@media (max-width: $screen-s) {
|
||||||
padding: 40px 16px 64px 16px;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: unset;
|
min-width: unset;
|
||||||
}
|
}
|
||||||
|
@ -30,8 +30,8 @@
|
|||||||
background-color: var(--color-generic-white);
|
background-color: var(--color-generic-white);
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
transition: all 0.3s $custom-easing;
|
transition: all 0.3s $custom-easing;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
@ -42,8 +42,8 @@
|
|||||||
|
|
||||||
&.opened {
|
&.opened {
|
||||||
transform: translateX(0px);
|
transform: translateX(0px);
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -86,7 +86,7 @@
|
|||||||
|
|
||||||
.right-side {
|
.right-side {
|
||||||
min-width: calc(100vw - 389px);
|
min-width: calc(100vw - 389px);
|
||||||
padding: 64px 48px;
|
padding: 24px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
@media (max-width: ($screen-m - 1px)) {
|
@media (max-width: ($screen-m - 1px)) {
|
||||||
@ -94,7 +94,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $screen-s) {
|
@media (max-width: $screen-s) {
|
||||||
padding: 40px 16px 64px 16px;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: unset;
|
min-width: unset;
|
||||||
}
|
}
|
||||||
|
@ -30,8 +30,8 @@
|
|||||||
background-color: var(--color-generic-white);
|
background-color: var(--color-generic-white);
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
transition: all 0.3s $custom-easing;
|
transition: all 0.3s $custom-easing;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
@ -42,8 +42,8 @@
|
|||||||
|
|
||||||
&.opened {
|
&.opened {
|
||||||
transform: translateX(0px);
|
transform: translateX(0px);
|
||||||
width: 389px;
|
width: 336px;
|
||||||
min-width: 389px;
|
min-width: 336px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -86,7 +86,7 @@
|
|||||||
|
|
||||||
.right-side {
|
.right-side {
|
||||||
min-width: calc(100vw - 389px);
|
min-width: calc(100vw - 389px);
|
||||||
padding: 64px 48px;
|
padding: 24px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
@media (max-width: ($screen-m - 1px)) {
|
@media (max-width: ($screen-m - 1px)) {
|
||||||
@ -94,7 +94,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $screen-s) {
|
@media (max-width: $screen-s) {
|
||||||
padding: 40px 16px 64px 16px;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: unset;
|
min-width: unset;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user