Browse Source

Return back columns border

master
Eduard Kuzmenko 4 years ago
parent
commit
c0e42a4753
  1. 5
      src/scss/partials/_chatTopbar.scss
  2. 18
      src/scss/partials/_leftSidebar.scss
  3. 8
      src/scss/partials/_rightSidebar.scss
  4. 2
      src/scss/partials/pages/_chats.scss

5
src/scss/partials/_chatTopbar.scss

@ -12,7 +12,6 @@ @@ -12,7 +12,6 @@
z-index: 1;
min-height: 3.5rem;
max-height: 3.5rem;
border-left: 1px solid var(--border-color);
&.is-pinned-floating {
&.is-pinned-audio-shown, &.is-pinned-message-shown:not(.hide-pinned) {
@ -57,10 +56,6 @@ @@ -57,10 +56,6 @@
}
}
@include respond-to(handhelds) {
border-left: none;
}
.sidebar-close-button {
position: absolute;
}

18
src/scss/partials/_leftSidebar.scss

@ -7,7 +7,7 @@ @@ -7,7 +7,7 @@
#column-left {
//display: flex;
flex-direction: column;
flex: 1;
flex: 1 1 auto;
min-width: 18rem;
max-width: calc(#{$large-screen} / 4);
@ -21,6 +21,22 @@ @@ -21,6 +21,22 @@
}
}
@include respond-to(not-handhelds) {
overflow: visible;
&:after {
position: absolute;
content: " ";
display: block;
height: 100vh;
width: 1px;
background-color: var(--border-color);
right: -1px;
top: 0;
z-index: 2;
}
}
@include respond-to(floating-left-sidebar) {
display: flex;
position: fixed;

8
src/scss/partials/_rightSidebar.scss

@ -24,7 +24,7 @@ @@ -24,7 +24,7 @@
position: absolute;
right: 0;
z-index: 3;
transform: translate3d(calc(var(--right-column-width) + 1px), 0, 0);
transform: translate3d(calc(var(--right-column-width)), 0, 0);
.sidebar-content {
min-width: var(--right-column-width);
@ -43,7 +43,7 @@ @@ -43,7 +43,7 @@
transition: none;
}
&:before {
/* &:before {
position: absolute;
content: " ";
display: block;
@ -52,7 +52,11 @@ @@ -52,7 +52,11 @@
background-color: var(--border-color);
left: -1px;
top: 0;
} */
}
@include respond-to(medium-screens) {
border-left: 1px solid var(--border-color);
}
/* @include respond-to(medium-screens) {

2
src/scss/partials/pages/_chats.scss

@ -103,9 +103,9 @@ @@ -103,9 +103,9 @@
@include respond-to(large-screens) {
border-top-width: 0;
border-right-width: 1px;
border-bottom-width: 0;
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
border-color: var(--border-color);
}

Loading…
Cancel
Save