Cloudron makes it easy to run web apps like WordPress, Nextcloud, GitLab on your server. Find out more or install now.


  • Categories
  • Recent
  • Tags
  • Popular
  • Bookmarks
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Cloudron Forum

Apps | Demo | Docs | Install

Visually modify stopped apps on the overview page.

Scheduled Pinned Locked Moved Solved Feature Requests
userinterface
4 Posts 4 Posters 338 Views
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • GrienauerG Offline
    GrienauerG Offline
    Grienauer
    wrote on last edited by girish
    #1

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

    here my propoal:
    Bildschirmfoto 2021-07-14 um 15.51.42.png

    these css styles would be needed.

    .grid-item-top {
      filter: grayscale(1);
    }
    . row {
      opacity: .3;
    }
    

    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!

    Drupal CMS and Open Source Expert, Mautic Community lead Secretary

    micmcM 1 Reply Last reply
    6
  • micmcM Offline
    micmcM Offline
    micmc
    replied to Grienauer on last edited by
    #2

    @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


    https://marketingtechnology.agency
    For cutting edge web technologies

    nebulonN 1 Reply Last reply
    3
  • nebulonN Offline
    nebulonN Offline
    nebulon Staff
    replied to micmc on last edited by
    #3

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

    0e8141d8-61ff-42a2-affa-f20775545298-image.png

    So this will be part of next release.

    1 Reply Last reply
    3
  • robiR Offline
    robiR Offline
    robi
    wrote on last edited by
    #4

    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

    Life of sky tech

    1 Reply Last reply
    1

  • Login

  • Don't have an account? Register

  • Login or register to search.
  • First post
    Last post
0
  • Categories
  • Recent
  • Tags
  • Popular
  • Bookmarks
  • Login

  • Don't have an account? Register

  • Login or register to search.