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. 10
      src/scss/partials/_rightSidebar.scss
  4. 2
      src/scss/partials/pages/_chats.scss

5
src/scss/partials/_chatTopbar.scss

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

18
src/scss/partials/_leftSidebar.scss

@ -7,7 +7,7 @@
#column-left { #column-left {
//display: flex; //display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1 1 auto;
min-width: 18rem; min-width: 18rem;
max-width: calc(#{$large-screen} / 4); max-width: calc(#{$large-screen} / 4);
@ -20,6 +20,22 @@
filter: brightness(80%); filter: brightness(80%);
} }
} }
@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) { @include respond-to(floating-left-sidebar) {
display: flex; display: flex;

10
src/scss/partials/_rightSidebar.scss

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

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

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

Loading…
Cancel
Save