_skeleton.html - cdnV2 -

_skeleton.html (959B)
      1 {#- Placeholder shown while a file page is getting ready (see .file-view.is-pending in app.css and the
      2     turbo:visit handler in app.js). Pure decoration: hidden from assistive tech. -#}
      3 {% macro file_skeleton() %}
      4 <div class="file-skel" aria-hidden="true">
      5     <div class="file-skel__head">
      6         <span class="sk sk-title"></span>
      7         <span class="sk sk-pills"></span>
      8         <div class="file-skel__actions"><span class="sk sk-action"></span><span class="sk sk-action"></span><span class="sk sk-action"></span></div>
      9     </div>
     10     <div class="file-skel__card">
     11         {% for i in range(4) %}<div class="file-skel__row"><span class="sk sk-rowlabel"></span><span class="sk sk-rowbar"></span></div>{% endfor %}
     12     </div>
     13     <div class="file-skel__preview">
     14         <span class="sk sk-previewbar"></span>
     15         {% for w in [58, 82, 40, 70, 92, 34, 66] %}<span class="sk" style="width: {{ w }}%"></span>{% endfor %}
     16     </div>
     17 </div>
     18 {% endmacro %}