Browse Source

Highlight one document item from many

master
Eduard Kuzmenko 4 years ago
parent
commit
1699536af9
  1. 40
      src/scss/partials/_chatBubble.scss

40
src/scss/partials/_chatBubble.scss

@ -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;

Loading…
Cancel
Save