Icons for ascending & descending are not shown correctly

[feliwir]

Hi, I use this docker registry UI and I have an issue...

Bug description

I can't see the icons when entering the image details page. A placeholder is displayed instead:

How to Reproduce

1. Select an image from the list
2. It will only show icons placegolders

My docker-compose file

services:
  registry:
    image: registry:2.8.3
    restart: always
    ports:
      - 5000:5000
    environment:
      REGISTRY_AUTH: htpasswd
      REGISTRY_AUTH_HTPASSWD_REALM: Registry
      REGISTRY_AUTH_HTPASSWD_PATH: /auth/registry.password
    volumes:
      - ./config/auth:/auth
      - ./config/data:/var/lib/registry
      - ./config/credentials.yml:/etc/docker/registry/config.yml
    container_name: registry

  registry-ui:
    image: joxit/docker-registry-ui:2.5.7
    restart: always
    ports:
      - 80:80
    depends_on:
      - registry
    environment:
      - SINGLE_REGISTRY=true
      - REGISTRY_TITLE=Docker Registry
      - REGISTRY_URL=http://localhost:5000
      - DELETE_IMAGES=true
      - SHOW_CONTENT_DIGEST=true
      - SHOW_CATALOG_NB_TAGS=true
      - CATALOG_MIN_BRANCHES=1
      - CATALOG_MAX_BRANCHES=1
      - TAGLIST_PAGE_SIZE=100
      - REGISTRY_SECURED=true
      - CATALOG_ELEMENTS_LIMIT=1000
    container_name: registry-ui

My credentials.yml

version: 0.1
log:
  fields:
    service: registry
storage:
  delete:
    enabled: true
  cache:
    blobdescriptor: inmemory
  filesystem:
    rootdirectory: /var/lib/registry
http:
  addr: :5000
  headers:
    X-Content-Type-Options: [nosniff]
    Access-Control-Allow-Origin: ['http://localhost']
    Access-Control-Allow-Methods: ['HEAD', 'GET', 'OPTIONS', 'DELETE']
    Access-Control-Allow-Headers: ['Authorization', 'Accept']
    Access-Control-Max-Age: [1728000]
    Access-Control-Allow-Credentials: [true]
    Access-Control-Expose-Headers: ['Docker-Content-Digest']
auth:
  htpasswd:
    realm: basic-realm
    path: /etc/docker/registry/htpasswd

Expected behavior

See the correct icons there

Screenshots

System information

• OS: [e.g. Debian, Windows, Mac OS, Android 9...]
• Browser:
  • Tested both Firefox & Chrome
• Docker registry UI:
  • Version:Tested 2.5.7 and main
  • Server: docker
  • Docker version: 27.4.0, build bde2b89
  • OS/Arch: [Fedora Linux]
  • Tools: docker-compose

[Joxit]

Hi,

Thank you for using my project and submitting issues.

I'm using the UTF-8 arrow character which doesn't seems to work for you... Even if I cannot reproduce your issue, I will change it to my new symbol library.

[Joxit]

Oh, I just found out that this was supposed to be working with Material Icons that is included in the project. Do you have some font restrictions or something ?

[Joxit]

Tell me if the new version published under main tag is working with you

[yglodt]

Hello, I see to have the same issue. I use the "main" tag and I pulled the latest version of that image right now.

[xuruiye]

Hello, I see to have the same issue. I use the "main" tag and I pulled the latest version of that image right now.

By changing the image from joxit/docker-registry-ui:main to joxit/docker-registry-ui:latest, I resolved the issue. I hope this helps you.

[yglodt]

I tried now using the "latest" tag, but no change. The version is this one:

I run docker-registry-ui behind a proxy (Apache 2), not sure if that can be problematic.

[xuruiye]

I tried now using the "latest" tag, but no change. The version is this one:

I run docker-registry-ui behind a proxy (Apache 2), not sure if that can be problematic.

After restarting the service, I was only able to see the correct icon content when using Chrome's incognito mode. I'm uncertain if you are also being affected by caching.

[yglodt]

@xuruiye It works also for me now, after some refreshes. Thank you for the hint.

[xuruiye]

@xuruiye It works also for me now, after some refreshes. Thank you for the hint.

Glad I could help

[sebimoe]

Just to update on the status - I have just installed the UI (for the first time ever), version 2.6.0-68313a1bae and I am seeing the arrow_downward alt text for material icons

[Joxit]

Hi there, thank you for all your feedback, since I didn't get to reproduce @feliwir issue and thought using the name would work for everybody, I'm reverting the commit, the new version will be under the id 3c7429b and the original issue is unresolved.

[vashkan]

Using the 'Material Symbols Rounded' font-family defined in https://github.com/Joxit/docker-registry-ui/blob/83c33e9d059123feaa8d2a0323dbf7d74064ae9e/src/material-symbols.scss#L2-L10 instead of 'Material Icons' in this line: https://github.com/Joxit/docker-registry-ui/blob/83c33e9d059123feaa8d2a0323dbf7d74064ae9e/src/style.scss#L298 should solve the issue with the sorting arrows displaying correctly.

[Joxit]

Ok I push 21f33f5, but I still cannot reproduce to see if everything is alright... So I will close the issue now. If it's still not working, tell me