Multiselect fixes:
Scale down avatar Different positions for checkbox with & w/o avatar
This commit is contained in:
parent
a1c512a96b
commit
beefa0a01d
@ -874,6 +874,8 @@ $chat-helper-size: 39px;
|
|||||||
width: auto;
|
width: auto;
|
||||||
|
|
||||||
&:not(.is-floating) {
|
&:not(.is-floating) {
|
||||||
|
max-width: 239px;
|
||||||
|
|
||||||
.pinned-message-close {
|
.pinned-message-close {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-right: .75rem;
|
margin-right: .75rem;
|
||||||
|
@ -188,7 +188,8 @@ $bubble-margin: .25rem;
|
|||||||
z-index: 2;
|
z-index: 2;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: .75rem; // * by avatar
|
//bottom: .75rem; // * by avatar
|
||||||
|
bottom: 5px; // * by middle of one-line message
|
||||||
/* left: 0;
|
/* left: 0;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(-50%); */
|
transform: translateY(-50%); */
|
||||||
@ -257,6 +258,16 @@ $bubble-margin: .25rem;
|
|||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
cursor: pointer;
|
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) {
|
// @include respond-to(handhelds) {
|
||||||
// left: -45px;
|
// left: -45px;
|
||||||
// }
|
// }
|
||||||
@ -316,6 +327,12 @@ $bubble-margin: .25rem;
|
|||||||
|
|
||||||
&.is-group-last {
|
&.is-group-last {
|
||||||
padding-bottom: $bubble-margin;
|
padding-bottom: $bubble-margin;
|
||||||
|
|
||||||
|
#bubbles-inner.is-chat &.is-in {
|
||||||
|
.bubble-select-checkbox {
|
||||||
|
bottom: 7px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(.forwarded) {
|
&:not(.forwarded) {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user