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

style it 🧑‍🎨

Browse Source
This commit is contained in:
Jose B
2023-08-14 13:57:32 -05:00
parent 5ed203547f
commit d0109a7f75
1 changed files with 20 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
www/app/components/record.js
View File

@@ -111,9 +111,28 @@ export default function Recorder(props) {
link.style.visibility = "visible"; link.style.visibility = "visible";
for (let topic of props.topics) { for (let topic of props.topics) {
const content = document.createElement("div");
content.style = `
border-left: solid 1px orange;
padding: 0 2px;
font-size: 0.7rem;
max-width: 100px;
width: max-content;
cursor: pointer;
background-color: white;
border-radius: 0 3px 3px 0;
`;
content.onmouseover = () =>
(content.style.backgroundColor = "orange");
content.onmouseout = () => (content.style.backgroundColor = "white");
content.textContent =
topic.title.length >= 20
? topic.title.slice(0, 17) + "..."
: topic.title;
const region = waveRegions.addRegion({ const region = waveRegions.addRegion({
start: topic.timestamp, start: topic.timestamp,
content: topic.title.slice(0, 7) + "...", content,
color: "f00", color: "f00",
drag: false, drag: false,
}); });