Project

General

Profile

Actions

Defect #35153

open

Add a touch icon

Added by Kota Shiratsuka almost 3 years ago. Updated almost 3 years ago.

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

0%

Estimated time:
Resolution:
Affected version:

Description

The image was edited using Logo


Files

0001-Added-touch-icon.png.patch (3.07 KB) 0001-Added-touch-icon.png.patch Kota Shiratsuka, 2021-04-25 12:53
Redmine-Touch-Logo.eps (8.57 KB) Redmine-Touch-Logo.eps Kota Shiratsuka, 2021-04-25 12:54
touch.png (16.3 KB) touch.png Kota Shiratsuka, 2021-04-25 12:54
IMG_9A459A7A8252-1.jpeg (412 KB) IMG_9A459A7A8252-1.jpeg Mizuki ISHIKAWA, 2021-04-27 09:07
share-screen.jpg (42.1 KB) share-screen.jpg Kota Shiratsuka, 2021-04-27 13:04
add-bookmark-screen.jpg (45.6 KB) add-bookmark-screen.jpg Kota Shiratsuka, 2021-04-27 13:04
home-screen-darkmode.jpg (39.7 KB) home-screen-darkmode.jpg Kota Shiratsuka, 2021-04-27 13:06
add-bookmark-screen-darkmode.jpg (28.4 KB) add-bookmark-screen-darkmode.jpg Kota Shiratsuka, 2021-04-27 13:07
Redmine-Touch-Logo-Transparent .png (4.54 KB) Redmine-Touch-Logo-Transparent .png Kota Shiratsuka, 2021-04-27 13:07
Actions #1

Updated by Mizuki ISHIKAWA almost 3 years ago

+1
I think it's a useful change for people who use Redmine from iPhone.

With the addition of apple-touch-icon, the icon when a web page is added to the home page on the iPhone will change.
https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

The icon to the right of the screenshot below was created after applying the patch for this issue. In the current Redmine, the icon on the left is created.

Actions #2

Updated by Bernhard Rohloff almost 3 years ago

+1 It improves Redmine's usability on mobile (Apple) devices.
I'm not a fan of the attached icon but that's a matter of taste and shouldn't be a deal breaker.

Actions #3

Updated by Kota Shiratsuka almost 3 years ago

This change will also change the icon when you press the Share button or the Add Bookmark button.


If you make the png transparent, this is what it will look like in dark mode


This patch uses the images in /public/theme/touchicon if they are available, so you have more flexibility in your theme

Actions

Also available in: Atom PDF