mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-01-23 07:26:54 +00:00
Code Issues Releases Wiki Activity

Improved spinner colours

Browse Source
This commit is contained in:
Jeremy Ruston 2024-07-14 21:27:52 +01:00
parent d652f820b8
commit a921034561
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
plugins/tiddlywiki/ai-tools/styles.tid
View File

@ -156,15 +156,15 @@ tags: [[$:/tags/Stylesheet]]
.ai-request-spinner:before { .ai-request-spinner:before {
animation: ai-request-spinner-animation-ball1 1s infinite; animation: ai-request-spinner-animation-ball1 1s infinite;
background-color: #ddffdd; background-color: #9c9ab0;
box-shadow: 30px 0 0 #90a690; box-shadow: 30px 0 0 #fefdff;
margin-bottom: 10px; margin-bottom: 10px;
} }
.ai-request-spinner:after { .ai-request-spinner:after {
animation: ai-request-spinner-animation-ball2 1s infinite; animation: ai-request-spinner-animation-ball2 1s infinite;
background-color: #90a690; background-color: #fefdff;
box-shadow: 30px 0 0 #ddffdd; box-shadow: 30px 0 0 #9c9ab0;
} }
@keyframes ai-request-spinner-animation-rotate { @keyframes ai-request-spinner-animation-rotate {
@ -175,30 +175,30 @@ tags: [[$:/tags/Stylesheet]]
@keyframes ai-request-spinner-animation-ball1 { @keyframes ai-request-spinner-animation-ball1 {
0% { 0% {
box-shadow: 30px 0 0 #90a690; box-shadow: 30px 0 0 #fefdff;
} }
50% { 50% {
box-shadow: 0 0 0 #90a690; box-shadow: 0 0 0 #fefdff;
margin-bottom: 0; margin-bottom: 0;
transform: translate(15px, 15px); transform: translate(15px, 15px);
} }
100% { 100% {
box-shadow: 30px 0 0 #90a690; box-shadow: 30px 0 0 #fefdff;
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
@keyframes ai-request-spinner-animation-ball2 { @keyframes ai-request-spinner-animation-ball2 {
0% { 0% {
box-shadow: 30px 0 0 #ddffdd; box-shadow: 30px 0 0 #9c9ab0;
} }
50% { 50% {
box-shadow: 0 0 0 #ddffdd; box-shadow: 0 0 0 #9c9ab0;
margin-top: -20px; margin-top: -20px;
transform: translate(15px, 15px); transform: translate(15px, 15px);
} }
100% { 100% {
box-shadow: 30px 0 0 #ddffdd; box-shadow: 30px 0 0 #9c9ab0;
margin-top: 0; margin-top: 0;
} }
} }