codex-admin/AskAssist
1
0
Fork 0
mirror of https://github.com/elisspace/AskAssist.git synced 2026-08-29 15:33:47 +00:00
Code Issues Releases Wiki Activity

color adjustments for added visibility

Browse Source
This commit is contained in:
Jeremy Dixon
2021-08-08 13:02:22 -05:00
parent 88d9029c1b
commit 523ab0f053
3 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/toolbar.html
View File

@@ -1,4 +1,4 @@
<div id='toolbar'> <div id='toolbar' class="waiting">
<h1>Ask<span>Assist</span></h1> <h1>Ask<span>Assist</span></h1>
<div id="volume"> <div id="volume">
<div></div> <div></div>

3
script_foreground.js
View File

@@ -154,8 +154,10 @@ function appendTool(html){
let watching = document.querySelector('#watching'); let watching = document.querySelector('#watching');
let waitBrach = document.querySelector('#waiting-branch'); let waitBrach = document.querySelector('#waiting-branch');
let watchBrach = document.querySelector('#watching-branch'); let watchBrach = document.querySelector('#watching-branch');
let toolbarDiv = document.querySelector('#toolbar');
let volume = document.querySelector('#volume'); let volume = document.querySelector('#volume');
waiting.addEventListener('click', function(){ waiting.addEventListener('click', function(){
toolbarDiv.classList = "watching";
waitBrach.style.display = "none"; waitBrach.style.display = "none";
watchBrach.style.display = "inline"; watchBrach.style.display = "inline";
timer = setInterval(function(){ timer = setInterval(function(){
@@ -168,6 +170,7 @@ function appendTool(html){
return timer; return timer;
}); });
watching.addEventListener('click', function(){ watching.addEventListener('click', function(){
toolbarDiv.classList = "waiting";
waitBrach.style.display = "inline"; waitBrach.style.display = "inline";
watchBrach.style.display = "none"; watchBrach.style.display = "none";
clearInterval(timer); clearInterval(timer);

13
styles.css
View File

@@ -15,11 +15,16 @@
width: 30px; width: 30px;
background-color:transparent; background-color:transparent;
border-radius: 15px; border-radius: 15px;
border-right: 3px solid #5FB4D8;
display: inline; display: inline;
float: left; float: left;
position: absolute; position: absolute;
} }
#toolbar.waiting>#volume div{
border-right: 3px solid rgb(220, 89, 96);
}
#toolbar.watching>#volume div{
border-right: 3px solid #5FB4D8;
}
#volume div:first-child{ #volume div:first-child{
bottom: 40%; bottom: 40%;
@@ -64,6 +69,12 @@
font-style: italic; font-style: italic;
font-weight: bold; font-weight: bold;
} }
#toolbar.watching>h1>span{
color:#5FB4D8;
}
#toolbar.waiting>h1>span{
color: rgb(220, 89, 96);
}
[contenteditable="true"]{ [contenteditable="true"]{
cursor: text !important; cursor: text !important;