Hansimov commited on
Commit
0613e49
1 Parent(s): 59bc326

:zap: [Enhance] Background color when inferring

Browse files
Files changed (3) hide show
  1. .gitignore +2 -1
  2. components/chat_operator.js +2 -2
  3. css/default.css +7 -3
.gitignore CHANGED
@@ -1,2 +1,3 @@
1
  node_modules
2
- package-lock.json
 
 
1
  node_modules
2
+ package-lock.json
3
+ .vscode
components/chat_operator.js CHANGED
@@ -62,7 +62,7 @@ export function get_latest_assistant_messager() {
62
  export function start_latest_message_animation() {
63
  get_latest_assistant_messager()
64
  .find(".content-displayer")
65
- .addClass("blinking");
66
  get_latest_assistant_messager()
67
  .find(".button-group")
68
  .find(".regenerate-button")
@@ -73,7 +73,7 @@ export function start_latest_message_animation() {
73
  export function stop_latest_message_animation() {
74
  get_latest_assistant_messager()
75
  .find(".content-displayer")
76
- .removeClass("blinking");
77
  get_latest_assistant_messager()
78
  .find(".button-group")
79
  .find(".regenerate-button")
 
62
  export function start_latest_message_animation() {
63
  get_latest_assistant_messager()
64
  .find(".content-displayer")
65
+ .addClass("inferring");
66
  get_latest_assistant_messager()
67
  .find(".button-group")
68
  .find(".regenerate-button")
 
73
  export function stop_latest_message_animation() {
74
  get_latest_assistant_messager()
75
  .find(".content-displayer")
76
+ .removeClass("inferring");
77
  get_latest_assistant_messager()
78
  .find(".button-group")
79
  .find(".regenerate-button")
css/default.css CHANGED
@@ -80,13 +80,13 @@
80
 
81
  @keyframes blink {
82
  0% {
83
- border-color: transparent;
84
  }
85
  50% {
86
- border-color: antiquewhite;
87
  }
88
  100% {
89
- border-color: transparent;
90
  }
91
  }
92
 
@@ -94,6 +94,10 @@
94
  animation: blink 2s infinite;
95
  }
96
 
 
 
 
 
97
  .fa:hover {
98
  color: lightsalmon;
99
  }
 
80
 
81
  @keyframes blink {
82
  0% {
83
+ background-color: transparent;
84
  }
85
  50% {
86
+ background-color: antiquewhite;
87
  }
88
  100% {
89
+ background-color: transparent;
90
  }
91
  }
92
 
 
94
  animation: blink 2s infinite;
95
  }
96
 
97
+ .inferring {
98
+ background-color: rgba(255, 147, 40, 0.25);
99
+ }
100
+
101
  .fa:hover {
102
  color: lightsalmon;
103
  }