selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 20:29:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

add transition

Browse Source
This commit is contained in:
Jose B
2023-08-16 20:53:53 -05:00
parent 6c99556221
commit 62cfa5b446
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
www/app/transcripts/recorder.js
View File

@@ -121,17 +121,19 @@ export default function Recorder(props) {
padding: 0 2px 0 5px; padding: 0 2px 0 5px;
font-size: 0.7rem; font-size: 0.7rem;
width: 100px; width: 100px;
max-width: fit-content;
cursor: pointer; cursor: pointer;
background-color: white; background-color: white;
border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
transition: width 100ms linear;
`; `;
content.onmouseover = () => { content.onmouseover = () => {
content.style.backgroundColor = "orange"; content.style.backgroundColor = "orange";
content.style.zIndex = 999; content.style.zIndex = 999;
content.style.width = "auto"; content.style.width = "300px";
}; };
content.onmouseout = () => { content.onmouseout = () => {
content.style.backgroundColor = "white"; content.style.backgroundColor = "white";