Browse Source

Multiselect fixes:

Scale down avatar
Different positions for checkbox with & w/o avatar
master
morethanwords 4 years ago
parent
commit
beefa0a01d
  1. 2
      src/scss/partials/_chat.scss
  2. 19
      src/scss/partials/_chatBubble.scss

2
src/scss/partials/_chat.scss

@ -874,6 +874,8 @@ $chat-helper-size: 39px; @@ -874,6 +874,8 @@ $chat-helper-size: 39px;
width: auto;
&:not(.is-floating) {
max-width: 239px;
.pinned-message-close {
display: flex;
margin-right: .75rem;

19
src/scss/partials/_chatBubble.scss

@ -188,7 +188,8 @@ $bubble-margin: .25rem; @@ -188,7 +188,8 @@ $bubble-margin: .25rem;
z-index: 2;
position: absolute;
left: 0;
bottom: .75rem; // * by avatar
//bottom: .75rem; // * by avatar
bottom: 5px; // * by middle of one-line message
/* left: 0;
top: 50%;
transform: translateY(-50%); */
@ -257,6 +258,16 @@ $bubble-margin: .25rem; @@ -257,6 +258,16 @@ $bubble-margin: .25rem;
font-size: 1rem;
cursor: pointer;
#bubbles.is-selecting & {
transform: scale(1);
transform-origin: bottom;
transition: transform var(--layer-transition);
}
#bubbles.is-selecting:not(.backwards) & {
transform: scale(.76);
}
// @include respond-to(handhelds) {
// left: -45px;
// }
@ -316,6 +327,12 @@ $bubble-margin: .25rem; @@ -316,6 +327,12 @@ $bubble-margin: .25rem;
&.is-group-last {
padding-bottom: $bubble-margin;
#bubbles-inner.is-chat &.is-in {
.bubble-select-checkbox {
bottom: 7px;
}
}
}
&:not(.forwarded) {

Loading…
Cancel
Save