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> </p>
</div> </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> </body>
</html> </html>

View File

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