~edwargix/git.sr.ht: Change markup for diff insert/delete lines

b75d2f0e03317c9b37dfdb702f3a959555309890 — Chris DeLuca 2 years ago 76af91d

Change markup for diff insert/delete lines

HTML provides semantic markup for the concept of inserting and deleting
content from a document. Leveraging these tags can increase the
correctness and accessibility of the document without effecting its
presentation.

See:

- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ins
- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del

patch browse .tar.gz

2 files changed, 3 insertions(+), 2 deletions(-)

M gitsrht/templates/utils.html
M scss/main.scss

M gitsrht/templates/utils.html => gitsrht/templates/utils.html +2 -2

@@ 195,8 195,8 @@ instead.
   target="_blank"
   {% endif %}
  >{{patch.delta.new_file.raw_path.decode('utf-8', 'replace')}}</a>{#
- #} <span class="pull-right"><span class="text-success">+{{patch.line_stats[1]}}</span>{#
- #} <span class="text-danger">-{{patch.line_stats[2]}}</span></span>{%
+ #} <span class="pull-right"><ins class="text-success">+{{patch.line_stats[1]}}</ins>{#
+ #} <del class="text-danger">-{{patch.line_stats[2]}}</del></span>{%
     if patch.delta.old_file.mode != patch.delta.new_file.mode %}{#
   #}{#
   #}{% endif %}</pre>

M scss/main.scss => scss/main.scss +1 -0

@@ 230,6 230,7 @@ dt {
 }
 
 .diff {
+  ins, del,
   .lineno {
     text-decoration: none;
   }