Improve text alignment in hotspots

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
This commit is contained in:
2024-10-31 20:06:37 -07:00
parent 75b5b1b279
commit e547324774
2 changed files with 5 additions and 3 deletions

View File

@@ -110,8 +110,8 @@ class GlModelTransformOutput extends MediaTransformOutput {
$hsDefault['onmouseup'] = 'releaseAnnotation(event)'; $hsDefault['onmouseup'] = 'releaseAnnotation(event)';
} }
$attrHotspot = array_merge($hsDefault, $an); $attrHotspot = array_merge($hsDefault, $an);
$elHotspot = Html::rawElement('button',$attrHotspot,$elAnnot.(count($hotspots) +1)); $elHotspot = Html::rawElement('button',$attrHotspot, $elAnnot . '<span>' . (count($hotspots) +1) . '</span>');
array_push($hotspots, $elHotspot); array_push($hotspots, $elHotspot);
} }
} }

View File

@@ -15,9 +15,11 @@
padding-top: 2px; padding-top: 2px;
height: 24px; height: 24px;
position: relative; position: relative;
text-align: center;
transition: opacity 0.3s; transition: opacity 0.3s;
width: 24px; width: 24px;
display: flex;
justify-content: center;
align-items: center;
& [hidden] { & [hidden] {
display: none; display: none;