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


    Cloudron Forum

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular

    Solved Visually modify stopped apps on the overview page.

    Feature Requests
    userinterface
    4
    4
    329
    Loading More Posts
    • 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.
    • Grienauer
      Grienauer last edited by girish

      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

      micmc 1 Reply Last reply Reply Quote 6
      • micmc
        micmc @Grienauer last edited by

        @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

        nebulon 1 Reply Last reply Reply Quote 3
        • nebulon
          nebulon Staff @micmc last edited by

          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 Reply Quote 3
          • robi
            robi last edited by

            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 Advanced Technology

            1 Reply Last reply Reply Quote 1
            • First post
              Last post
            Powered by NodeBB