Refined-github: Add "toggle all with alt-click" to `batch-mark-files-as-viewed`

Created on 29 Apr 2020  路  1Comment  路  Source: sindresorhus/refined-github

Follows #3007

  • [ ] Add alt-click to toggle all ("all _loaded_ files")
  • [ ] Add a "in progress" indicator next to the counter, because the marking might take a few seconds:
    counter
enhancement good first issue help wanted

Most helpful comment

  • Add a "in progress" indicator

I saw GitHub using this, it might be less troublesome than adding elements to that bar. It can also be used for other features.

<div role="log" style="z-index: 101;" class="
  position-fixed bottom-0 left-0 ml-5 mb-5
  anim-fade-in fast Toast
  Toast--loading">
  <span class="Toast-icon">
      <svg class="Toast--spinner" viewBox="0 0 32 32" width="18" height="18">
        <path fill="#959da5" d="M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"></path>
        <path fill="#ffffff" d="M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z"></path>
      </svg>
  </span>
  <span class="Toast-content">Bulk actions currently being processed.</span>
</div>

<div role="log" style="z-index: 101;" class="
  position-fixed bottom-0 left-0 ml-5 mb-5
  anim-fade-in fast Toast
  Toast--success" >
  <span class="Toast-icon">
      <CheckIcon />
  </span>
  <span class="Toast-content">Bulk action processing complete.</span>
    <button class="Toast-dismissButton" type="button" aria-label="Close">
      <XIcon />
    </button>
</div>

>All comments

  • Add a "in progress" indicator

I saw GitHub using this, it might be less troublesome than adding elements to that bar. It can also be used for other features.

<div role="log" style="z-index: 101;" class="
  position-fixed bottom-0 left-0 ml-5 mb-5
  anim-fade-in fast Toast
  Toast--loading">
  <span class="Toast-icon">
      <svg class="Toast--spinner" viewBox="0 0 32 32" width="18" height="18">
        <path fill="#959da5" d="M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"></path>
        <path fill="#ffffff" d="M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z"></path>
      </svg>
  </span>
  <span class="Toast-content">Bulk actions currently being processed.</span>
</div>

<div role="log" style="z-index: 101;" class="
  position-fixed bottom-0 left-0 ml-5 mb-5
  anim-fade-in fast Toast
  Toast--success" >
  <span class="Toast-icon">
      <CheckIcon />
  </span>
  <span class="Toast-content">Bulk action processing complete.</span>
    <button class="Toast-dismissButton" type="button" aria-label="Close">
      <XIcon />
    </button>
</div>
Was this page helpful?
0 / 5 - 0 ratings