Use SVG <use/> to show small triangular icons

This commit is contained in:
Carsten Grohmann 2021-07-29 02:39:44 +02:00
parent 9a5dbbc255
commit 022a5977fc
2 changed files with 16 additions and 4 deletions

View File

@ -950,5 +950,18 @@ window.onerror = function (msg, url, lineNo, columnNo, error) {
</p>
</div>
<svg style="display:none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol id="svg_array_updown" viewBox="0 0 8 11">
<polygon points="0,5 8,5 4,0"/>
<polygon points="0,6 8,6 4,11"/>
</symbol>
<symbol id="svg_array_up" viewBox="0 0 8 11">
<polygon points="0,5 8,5 4,0"/>
</symbol>
<symbol id="svg_array_down" viewBox="0 0 8 11">
<polygon points="0,6 8,6 4,11"/>
</symbol>
</svg>
</body>
</html>

View File

@ -967,22 +967,21 @@ Killed process 6576 (mysqld) total-vm:33914892kB, anon-rss:20629004kB, file-rss:
svg_array_updown = """
<svg width="8" height="11">
<polygon points="0,5 8,5 4,0"/>
<polygon points="0,6 8,6 4,11"/>
<use xlink:href="#svg_array_updown" />
</svg>
"""
"""SVG graphics with two black triangles UP and DOWN for sorting"""
svg_array_up = """
<svg width="8" height="11">
<polygon points="0,5 8,5 4,0"/>
<use xlink:href="#svg_array_up" />
</svg>
"""
"""SVG graphics with one black triangle UP for sorting"""
svg_array_down = """
<svg width="8" height="11">
<polygon points="0,6 8,6 4,11"/>
<use xlink:href="#svg_array_down" />
</svg>
"""
"""SVG graphics with one black triangle DOWN for sorting"""