Visually modify stopped apps on the overview page.

Reply to Visually modify stopped apps on the overview page. on Fri, 30 Jul 2021 14:24:03 GMT

robi — Fri, 30 Jul 2021 14:24:03 GMT

There is still a great area, right after My Apps to show the total state of your Cloudron.

For ex:
My Apps %(#00ff00)[33]/%(#c5d500)[1]/%(#ff0000)[0]

Meaning 33 running, 1 stopped, 0 not responding

Reply to Visually modify stopped apps on the overview page. on Fri, 30 Jul 2021 12:56:37 GMT

nebulon — Fri, 30 Jul 2021 12:56:37 GMT

I like the idea and simply applying a grayscale filter to stopped apps seems to work well enough visually for a start:

So this will be part of next release.

Reply to Visually modify stopped apps on the overview page. on Wed, 14 Jul 2021 21:18:03 GMT

micmc — Wed, 14 Jul 2021 21:18:03 GMT

@grienauer said in Visually modify stopped apps on the overview page.:

It would be great to have a visual identificator, thatt an app is stopped.

Yeah, pretty good idea.

here my propoal:
these css styles would be needed.
.grid-item-top {
  filter: grayscale(1);
}
. row {
  opacity: .3;
}

And thanks for the code as well.

please be aware, that you need a parent selector and maybe something like a state e.g .is-stopped to identify stopped elements via css (or data element etc.
but with 2 lines of css it would make it easy to spot stopped apps on the overview page!

It's little contributions like this that makes a strong community as it's building here. Someone shares, and more, like developers and learners, are getting better faster thanks to those who care to share. Everyone wins.

One has an idea, one has a code, one is an expert in X, another one in Y, and among us sysadmins, webmasters, and designers that's a nice unique melting pot.

Let's keep the LIGHT on!

Andy