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
  • 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 | 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.1k 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
              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