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. Etherpad Lite
  3. Issue for customizing the css

Issue for customizing the css

Scheduled Pinned Locked Moved Solved Etherpad Lite
8 Posts 2 Posters 17.7k Views 2 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.
    • E Offline
      E Offline
      Edmond
      wrote on last edited by
      #1

      Hi there,
      I'm trying to customize the css of etherpad (I need to increase the line height defined in cloudron.css) but the process mentionned in the documentation (adding files in files at /app/data/custom/) doesn't seem to work. Any idea ? Many thanks

      nebulonN 1 Reply Last reply
      0
      • nebulonN Offline
        nebulonN Offline
        nebulon
        Staff
        wrote on last edited by
        #7

        Oh that actually makes a lot of sense to not customize this on our side. Probably still something from ep versions which didn't had such a skin.

        I have removed those rules and updated the app package now.

        E 1 Reply Last reply
        1
        • E Edmond

          Hi there,
          I'm trying to customize the css of etherpad (I need to increase the line height defined in cloudron.css) but the process mentionned in the documentation (adding files in files at /app/data/custom/) doesn't seem to work. Any idea ? Many thanks

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

          @edmond what changes were you applying? Also the app needs to be restarted to recompile the assets.

          E 1 Reply Last reply
          1
          • nebulonN nebulon

            @edmond what changes were you applying? Also the app needs to be restarted to recompile the assets.

            E Offline
            E Offline
            Edmond
            wrote on last edited by
            #3

            @nebulon many thanks for the follow up. I was trying to increase the line height as the default setting doesn't make visible various elements (such as underline etc.).
            I naturally restarted the app, but I'm not sure to properly implemented the changes. Does the right process is to create a custom folder and then add custon cloudron.css or pad.css ?

            nebulonN 1 Reply Last reply
            0
            • E Edmond

              @nebulon many thanks for the follow up. I was trying to increase the line height as the default setting doesn't make visible various elements (such as underline etc.).
              I naturally restarted the app, but I'm not sure to properly implemented the changes. Does the right process is to create a custom folder and then add custon cloudron.css or pad.css ?

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

              @edmond actually I tried to also add some customization and it looks like the upstream app structure has changed. I also had no luck adding custom styling so far, I have to have a deeper look again.

              1 Reply Last reply
              1
              • nebulonN Offline
                nebulonN Offline
                nebulon
                Staff
                wrote on last edited by
                #5

                ok so this feature to customize or essentially load custom css and javascript files does not exist anymore. I have to update our docs to point to the latest upstream docs, not some outdated one.

                In your case I guess you have to make a copy of the colibris skin in /app/data/skins and then manually modify the files you want. Then restart the app. However be aware that this might cause unexpected side-effects, if upstream changes in that area.

                E 1 Reply Last reply
                1
                • nebulonN nebulon

                  ok so this feature to customize or essentially load custom css and javascript files does not exist anymore. I have to update our docs to point to the latest upstream docs, not some outdated one.

                  In your case I guess you have to make a copy of the colibris skin in /app/data/skins and then manually modify the files you want. Then restart the app. However be aware that this might cause unexpected side-effects, if upstream changes in that area.

                  E Offline
                  E Offline
                  Edmond
                  wrote on last edited by
                  #6

                  @nebulon many thanks for the follow up and the clarification. Just one question, I imagine that I'm not the only one to have the issue with the css. Wouldn't it not possible to update the cloudron.css with a higher line-height ? (e.g. 24 px). I realized that etherpads from other instance instance (e.g. the ones from the colibri https://pad.colibris-outilslibres.org/p/test have a line height of 24 px (vs 20) for the cloudron)
                  just to clarify what my issue is - see the image with the underline which is missing 29f7e1fb-566f-4fbd-8ed1-f7d4a829491f-image.png
                  Many thanks !

                  1 Reply Last reply
                  0
                  • nebulonN Offline
                    nebulonN Offline
                    nebulon
                    Staff
                    wrote on last edited by
                    #7

                    Oh that actually makes a lot of sense to not customize this on our side. Probably still something from ep versions which didn't had such a skin.

                    I have removed those rules and updated the app package now.

                    E 1 Reply Last reply
                    1
                    • nebulonN nebulon

                      Oh that actually makes a lot of sense to not customize this on our side. Probably still something from ep versions which didn't had such a skin.

                      I have removed those rules and updated the app package now.

                      E Offline
                      E Offline
                      Edmond
                      wrote on last edited by
                      #8

                      @nebulon excellent ! the display issue is now fixed (after deleting cookies of course). Many thanks for the support !

                      1 Reply Last reply
                      0
                      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