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


Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Bookmarks
  • Search
Skins
  • Light
  • Brite
  • 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
Brand Logo

Cloudron Forum

Apps - Status | Demo | Docs | Install
  1. Cloudron Forum
  2. Feature Requests
  3. [Minor cosmetic change] Icons width in store's sidebar

[Minor cosmetic change] Icons width in store's sidebar

Scheduled Pinned Locked Moved Solved Feature Requests
appstore
6 Posts 3 Posters 1.9k Views 3 Watching
  • 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.
  • C Offline
    C Offline
    cmdfidel
    wrote on last edited by girish
    #1

    If you add a similar CSS rule, the icons in the store's sidebar will have a fixed width and the labels will stop bouncing along the X-axis.

    .side-bar .fab, .side-bar .fas {
        width: 24px;
        text-align: center;
    }
    

    alt text

    nebulonN 1 Reply Last reply
    2
    • girishG Offline
      girishG Offline
      girish
      Staff
      wrote on last edited by
      #2

      I will leave this for @nebulon

      1 Reply Last reply
      0
      • C cmdfidel

        If you add a similar CSS rule, the icons in the store's sidebar will have a fixed width and the labels will stop bouncing along the X-axis.

        .side-bar .fab, .side-bar .fas {
            width: 24px;
            text-align: center;
        }
        

        alt text

        nebulonN Offline
        nebulonN Offline
        nebulon
        Staff
        wrote on last edited by
        #3

        @cmdfidel ah thanks! Unfortunately I can't see the issue anywhere. The icons already have a width of 1.25em which is the preferred setting for this coming from fontawesome. So looks like this is one of those size/dpi/font issues 🙂 We can override this of course, but would be good to understand which setup you have (OS/browser/..) so we can validate this.

        Also just to be sure to talk with the same basis, which Cloudron version are you on?

        C 1 Reply Last reply
        0
        • nebulonN nebulon

          @cmdfidel ah thanks! Unfortunately I can't see the issue anywhere. The icons already have a width of 1.25em which is the preferred setting for this coming from fontawesome. So looks like this is one of those size/dpi/font issues 🙂 We can override this of course, but would be good to understand which setup you have (OS/browser/..) so we can validate this.

          Also just to be sure to talk with the same basis, which Cloudron version are you on?

          C Offline
          C Offline
          cmdfidel
          wrote on last edited by cmdfidel
          #4

          @nebulon This is on the Cloudron website itself: https://www.cloudron.io/store/index.html
          Win10, zoom 100%, any modern browser (Chromium-based Vivaldi, Firefox)

          I checked it in the Cloudron instance - everything is fine there 🙂
          So it's only about the site.

          nebulonN 1 Reply Last reply
          0
          • C cmdfidel

            @nebulon This is on the Cloudron website itself: https://www.cloudron.io/store/index.html
            Win10, zoom 100%, any modern browser (Chromium-based Vivaldi, Firefox)

            I checked it in the Cloudron instance - everything is fine there 🙂
            So it's only about the site.

            nebulonN Offline
            nebulonN Offline
            nebulon
            Staff
            wrote on last edited by
            #5

            @cmdfidel ah thanks for clarification, sorry that I thought of the wrong thing. Will fix the website.

            nebulonN 1 Reply Last reply
            0
            • nebulonN nebulon

              @cmdfidel ah thanks for clarification, sorry that I thought of the wrong thing. Will fix the website.

              nebulonN Offline
              nebulonN Offline
              nebulon
              Staff
              wrote on last edited by
              #6

              Fixed now 😄

              1 Reply Last reply
              4

              Hello! It looks like you're interested in this conversation, but you don't have an account yet.

              Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

              With your input, this post could be even better 💗

              Register Login
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              • Login

              • Don't have an account? Register

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