Browse Source

Improve bot commands & send as animation

master
Eduard Kuzmenko 2 years ago
parent
commit
ef5ca42290
  1. 9
      src/scss/partials/_chat.scss

9
src/scss/partials/_chat.scss

@ -1251,6 +1251,7 @@ $background-transition-total-time: #{$input-transition-time - $background-transi @@ -1251,6 +1251,7 @@ $background-transition-total-time: #{$input-transition-time - $background-transi
cursor: pointer;
transform: scale(0);
z-index: 2;
opacity: 0;
}
.new-message-bot-commands {
@ -1382,15 +1383,19 @@ $background-transition-total-time: #{$input-transition-time - $background-transi @@ -1382,15 +1383,19 @@ $background-transition-total-time: #{$input-transition-time - $background-transi
.new-message-send-as-container,
.new-message-bot-commands {
transform: scale(1);
opacity: 1;
}
}
&.animating {
.toggle-emoticons,
.input-message-container,
.input-message-container {
transition: transform var(--transition-standard-in);
}
.new-message-send-as-container,
.new-message-bot-commands {
transition: transform var(--transition-standard-in);
transition: transform var(--transition-standard-in), opacity var(--transition-standard-in);
}
}
}

Loading…
Cancel
Save