security_vision
/
chronodiagram
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: security_vision:c908bf16afaa421e07ed66b1709ec0c4f60e4783
Branches Tags
security_vision:main
security_vision:absolute
..
compare: security_vision:06bdd0dad15963ffc57e55ae4830582459f48b00
Branches Tags
security_vision:main
security_vision:absolute

No commits in common. "c908bf16afaa421e07ed66b1709ec0c4f60e4783" and "06bdd0dad15963ffc57e55ae4830582459f48b00" have entirely different histories.
c908bf16af ... 06bdd0dad1

2 changed files with 15 additions and 35 deletions
Show Stats Expand all files Collapse all files

3
app/www/annotate.js
View File

@ -148,7 +148,6 @@ class Annotator extends EventTarget {
}); });
this.wrapperEl = wrapperEl; this.wrapperEl = wrapperEl;
this.svgEl = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); this.svgEl = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
this.wrapperEl.appendChild(this.svgEl); this.wrapperEl.appendChild(this.svgEl);
this.wrapperEl.classList.add(this.config.is_player ? "svganim_player" : "svganim_annotator"); this.wrapperEl.classList.add(this.config.is_player ? "svganim_player" : "svganim_annotator");
@ -275,7 +274,7 @@ class Annotator extends EventTarget {
}); });
this.tagsEl.appendChild(tagEl); this.tagsEl.appendChild(tagEl);
this.wrapperEl.appendChild(this.tagsEl); this.controlsEl.appendChild(this.tagsEl);
this.commentEl = document.createElement('input'); this.commentEl = document.createElement('input');
this.commentEl.type = 'text'; this.commentEl.type = 'text';

47
app/www/svganim.css
View File

@ -93,9 +93,9 @@ path.before_in {
.scrubber {} .scrubber {}
.tags { .tags {
line-height: 1.5; line-height: 40px;
/* display: flex; display: flex;
flex-direction: row; */ flex-direction: row;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
@ -238,15 +238,9 @@ path.before_in {
} }
#interface .noUi-horizontal .noUi-tooltip { #interface .noUi-horizontal .noUi-tooltip {
/* tooltips go outside of the buttons */ /* tooltips go below the buttons */
bottom: auto; bottom: auto;
left: 110%; top: 110%;
transform: none;
top: -2px;
}
#interface .noUi-horizontal .noUi-handle-lower .noUi-tooltip {
left: auto;
right: 110%;
} }
.audioconfig { .audioconfig {
@ -257,17 +251,13 @@ path.before_in {
width: 100px; width: 100px;
/* as wide as audio controls only */ /* as wide as audio controls only */
overflow: hidden; overflow: hidden;
/* white-space: nowrap; */ white-space: nowrap;
left: -50px; left: -50px;
grid-area: sidebar;
} }
.audioconfig:hover { .audioconfig:hover {
width: auto; width: auto;
left: 0px; left: 0px;
overflow: visible;
height: 200px;
} }
.audioconfig select, .audioconfig select,
@ -283,37 +273,28 @@ audio {
.svganim_annotator { .svganim_annotator {
display: grid; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
grid-template-rows: 40px auto 100px;
grid-template-columns: 200px auto;
gap: 10px;
overflow: hidden;
} }
.svganim_annotator svg { .svganim_annotator svg {
top: auto; top: 20px;
background: white; background: white;
margin-left: 0; margin-left: 20px;
flex-shrink: 1;
flex-grow: 1;
position: static; position: static;
height: auto;
width: auto;
} }
.svganim_annotator .tags {
grid-area: 2/1/2/1;
}
.svganim_annotator .audioconfig { .svganim_annotator .audioconfig {
order: -1;
flex-grow: 0;
flex-shrink: 0;
position: static; position: static;
grid-area: 1/1/1/1;
} }
.svganim_annotator > svg {
grid-area: 1/2/2/2;
}
.svganim_annotator .controls { .svganim_annotator .controls {
grid-area: 3/2/3/2;
margin-left: 5%; margin-left: 5%;
position: static !important; position: static !important;
} }