Project

General

Profile

Actions
Copy link

Defect #42547

open

Some SVG icons are not visible when accessed via a subdirectory

Added by Yasu Saku 10 days ago. Updated 8 days ago.

Status:
New
Priority:
Normal
Assignee:
-
Category:
-
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:
Affected version:
6.0.4

Description

For example, when accessing via a subdirectory, some SVG icons (such as those in jstoolbar) are not visible.

I added the following line at the bottom of config/environment.rb.

Redmine::Utils::relative_url_root = "/redmine"

My environment

Environment:
  Redmine version                6.0.4.devel
  Ruby version                   3.2.6-p234 (2024-10-30) [x64-mingw-ucrt]
  Rails version                  7.2.2.1
  Environment                    production
  Database adapter               Mysql2
  Mailer queue                   ActiveJob::QueueAdapters::AsyncAdapter
  Mailer delivery                smtp
Redmine settings:
  Redmine theme                  Default
SCM:
  Git                            2.37.3
  Filesystem                     
Redmine plugins:
  no plugin installed

Files

Download all files
Some_SVG_icons_are_not_visible_when_accessed_via_a_subdirectory.png (231 KB) Some_SVG_icons_are_not_visible_when_accessed_via_a_subdirectory.png Yasu Saku, 2025-04-09 00:36
clipboard-202504110720-h9phk.png (97.1 KB) clipboard-202504110720-h9phk.png Yasu Saku, 2025-04-11 00:21
Actions
Copy link
 #1

Updated by Go MAEDA 10 days ago

Does executing the following command fix the issue?
The assets:clobber task deletes all existing assets.

bin/rake assets:clobber assets:precompile RAILS_ENV="production"
Actions
Copy link
 #2

Updated by Yasu Saku 8 days ago

Go MAEDA wrote in #note-1:

Does executing the following command fix the issue?
The assets:clobber task deletes all existing assets.

[...]

Thank you for your reply. I tried the command you instructed, but nothing changed.
I am running Redmine in a subdirectory (e.g., http://127.0.0.1:3000/redmine ), but the URL in jstoolbar.css references assets directly at the root of the the domain, for example:

.jstb_strong {
    background-image: url("/assets/jstoolbar/bold-9488b1ca.svg");
}


Similarly, other CSS files reference the assets directory at the root of the domain.

However, some SVG icons are displayed correctly. For instance, the ticket edit button icon is rendered with the following source code:

<a onclick="showAndScrollTo(&quot;update&quot;, &quot;issue_notes&quot;); return false;" class="icon icon-edit " accesskey="e" href="/redmine/issues/1/edit">
  <svg class="s18 icon-svg" aria-hidden="true">
    <use href="/redmine/assets/icons-99d8bc8d.svg#icon--edit"></use>
  </svg>
  <span class="icon-label">Edit</span>
</a>

Actions
Copy link

Also available in: Atom PDF