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

Highlight one document item from many

Browse Source
This commit is contained in:
Eduard Kuzmenko 2020-12-11 06:21:03 +02:00
parent 7dacf4de9d
commit 1699536af9
1 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/scss/partials/_chatBubble.scss
View File

@ -1067,18 +1067,7 @@ $bubble-margin: .25rem;
left: -75vw; left: -75vw;
} }
&.is-selected { &.is-highlighted, &.is-selected {
.document-selection {
background-color: rgba(77, 142, 80, .4);
animation: fade-in-opacity .2s linear forwards;
}
&.backwards {
.document-selection, .document-wrapper:before {
animation: fade-in-backwards-opacity .2s linear forwards;
}
}
.document-wrapper { .document-wrapper {
&:before { &:before {
content: " "; content: " ";
@ -1088,12 +1077,37 @@ $bubble-margin: .25rem;
bottom: 0; bottom: 0;
left: 0; left: 0;
background-color: rgba(0, 0, 0, .06); background-color: rgba(0, 0, 0, .06);
animation: fade-in-opacity .2s linear forwards;
border-radius: inherit; border-radius: inherit;
} }
} }
} }
&.is-highlighted {
.document-selection {
background-color: rgba(0, 132, 255, .3);
}
.document-selection, .document-wrapper:before {
animation: bubbleSelected 2s linear;
}
}
&.is-selected {
.document-selection {
background-color: rgba(77, 142, 80, .4);
}
.document-selection, .document-wrapper:before {
animation: fade-in-opacity .2s linear forwards;
}
&.backwards {
.document-selection, .document-wrapper:before {
animation: fade-in-backwards-opacity .2s linear forwards;
}
}
}
.bubble-select-checkbox { .bubble-select-checkbox {
left: 2rem; left: 2rem;
top: 2rem; top: 2rem;