r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Multiselect fixes:

Browse Source 
Scale down avatar
Different positions for checkbox with & w/o avatar
This commit is contained in:
morethanwords 2020-10-31 18:54:43 +02:00
parent a1c512a96b
commit beefa0a01d
2 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/scss/partials/_chat.scss
View File

@ -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
View File

@ -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;
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;
&.is-group-last {
padding-bottom: $bubble-margin;
#bubbles-inner.is-chat &.is-in {
.bubble-select-checkbox {
bottom: 7px;
}
}
}
&:not(.forwarded) {