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.8k 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