Project

General

Profile

Actions

Patch #42966

closed

Replace legacy loader.gif with SVG icon in attachment upload form and in ajax indicator

Added by Mizuki ISHIKAWA 4 months ago. Updated about 2 months ago.

Status:
Closed
Priority:
Normal
Category:
UI
Target version:
Start date:
Due date:
% Done:

0%

Estimated time:

Description

This patch replaces the existing loading.gif with an SVG-based loading icon using Tabler Icons' loader-2 (https://tabler.io/icons/icon/loader-2).
The original loading.gif was an animated GIF that rotated, and the SVG replacement replicates this behavior using CSS animation.

Since this change affects various parts of the UI, the update has been split into multiple patches as follows:

0001-Replace-loading-and-hourglass-icons-with-SVG-version.patch

Replaces loading.gif and hourglass.gif shown during file uploads.
Demo:

0002-Replace-autocomplete-input-loading-icon-with-SVG.patch

Replaces loading.gif shown during autocomplete inputs (e.g., parent_id).
Also moves the search icon from inside the input field to outside, consistent with the file upload UI.

Demo:

0003-Replace-ajax-indicator-loading-icon-with-SVG.patch

Replaces loading.gif inside the Ajax indicator element.

0004-Replace-sort-handle-loading-icon-with-SVG.patch

Replaces loading.gif shown in sorting UIs (e.g., Enumerations, Trackers).

0005-Replace-loading-icon-with-SVG-during-CSV-import.patch

Replaces loading.gif shown during CSV import.


Files


Related issues

Related to Redmine - Patch #43219: Replace legacy loader.gif with SVG icon in autocomplete inputNew

Actions
Actions

Also available in: Atom PDF