Changes to css has no effect

Anthias
1

Hi,

If I make styling changes to the css, how do I implement the changes to the webview ?

Thanks

2

@tyronemc2, you can take a look at this guide about generating CSS and JS files in a development environment. I hope it helps.

3

Thanks I tried that, but still not working. Anyone esle have any ideas ?

4

@tyronemc2, apologies for overlooking the statement that you want to implement the changes to the webview. By webview, are you referring to the web user interface (the one accessed via http://<IP_ADDRESS> from a browser) or the ones being displayed to a connected display.

If you’re referring to the web interface, I hope this can further help:

  • You need to try this out on your development workstation (on your computer), ideally in Linux.
  • Set up your development environment. Make sure that you have docker installed.
$ cd /path/to/Anthias
$ ENVIRONMENT=development \
  DOCKERFILES_ONLY=1 \
  DISABLE_CACHE_MOUNTS=1 \
  ./bin/build_containers.sh
$ docker compose \
    -f docker-compose.dev.yml up -d --build
  • Open up http://localhost:8000 in your browser. It should load the Anthias web interface.
  • On a separate terminal session, run the following
5

Thank you for this, I did follow the instructions and it did build, I can see the css changes in the folder /home/pi/screenly/static etc… but when I browse to localhost the changes are not there, it still uses the original colours and layouts.
It feels like there is another step that I might be missing here ?

6

@tyronemc2, have you started the SCSS to CSS transpiler in watch mode?

7

Hi, yes I did that part as well and still no changes to the css files in the Web interface. The css files are changed in the static/sass/ folder but not pulling through to http://localhost/static/sass/_variables.scss