Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[QUESTION] Problem with custom css #1245

Closed
4 tasks done
pw-64 opened this issue Jun 26, 2023 · 2 comments
Closed
4 tasks done

[QUESTION] Problem with custom css #1245

pw-64 opened this issue Jun 26, 2023 · 2 comments
Labels
🤷‍♂️ Question [ISSUE] Further information is requested

Comments

@pw-64
Copy link

pw-64 commented Jun 26, 2023

Question

My styles.css isn't being applied to the page.

I am running from a docker-compose file:

dashy:
    image: "lissy93/dashy:latest"
    container_name: Dashy
    ports:
      - 80:80
    volumes:
      - "./dashy/config.yml:/app/public/conf.yml"
      - "./dashy/icons:/app/public/item-icons"
      - "./dashy/styles.css:/app/themes/custom.css"

config.yml:

appConfig:
  layout: auto
  iconSize: medium
  theme: cyberpunk
  externalStyleSheet: ["/app/themes/custom.css"]
  statusCheckInterval: 60
pageInfo:
  title: Testing
sections:
- name: Docker
  icon: docker.svg
  items:
    [...]

Here is the directory structure on the host:

server/
├─ dashy/
│  ├─ icons/
│  │  ├─ docker.svg
│  ├─ config.yml
│  ├─ styles.css
├─ docker-compose.yml

The config file seems to be read because if i down-up the stack it stays in the cyberpunk theme. The docker icon does appear. However, the styles don't seem to apply.

I assume it is either:

  1. I have an incorrect path somewhere
  2. This isnt how styles are applied (the documentation is quite confusing to me)

styles.css:

.tile-icon {
    --item-icon-transform: none;
    -webkit-filter: none;
}

This is just to remove the shadow which is applied if using a locally stored image. If I use logo: si-docker there is no shadow. All I did was download that svg from simpleicons.org so it would work without outside internet access. I will also do some padding and margins, just trying to get this working first.

docker.svg is attached so you can see the contents:
file

Category

Using Icons

Please tick the boxes

@pw-64 pw-64 added the 🤷‍♂️ Question [ISSUE] Further information is requested label Jun 26, 2023
@liss-bot
Copy link
Collaborator

If you're enjoying Dashy, consider dropping us a ⭐
🤖 I'm a bot, and this message was automated

@liss-bot
Copy link
Collaborator

This issue has gone 3 months without an update. To keep the ticket open, please indicate that it is still relevant in a comment below. Otherwise it will be closed in 5 working days.

@liss-bot liss-bot added the ⚰️ Stale [ISSUE] [PR] No activity for over 1 month label Dec 20, 2023
@pw-64 pw-64 closed this as completed Dec 20, 2023
@liss-bot liss-bot removed the ⚰️ Stale [ISSUE] [PR] No activity for over 1 month label Dec 20, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🤷‍♂️ Question [ISSUE] Further information is requested
Projects
None yet
Development

No branches or pull requests

2 participants