Community

Ability to refer to a third party CSS and the associated images

NodeBB Development
  • C

    A third-party vendor library, namely leaflet.js (and other files like leaflet.css and few images) is a part of my custom plugin.

    The leaflet.css references certain images lying in the ./images folder (relative to leaflet.css) During the NodeBB build, the contents of the leaflet.css are minfied and merged in stylesheet.css.

    But the ./images folder is not copied to the build directory. What do I need to do so that the leaflet.css should be able to reference the images folder. Do I need to make some entry in my plugin.json folder?

    0
  • C

    Creating a soft link to the images directory works.

    0

Suggested Topics

  • damianD

    Nodebb Docker Alpine Images

    NodeBB Development
    1 Votes
    4 Posts
    374 Views
    damianD

    @mat-m is spot on, though my perspective is definitely production, not test. Running the leanest container possible has the added benefit of reducing the attack vectors as there is simply less surface for somebody to target. Alpine is specifically designed to be as lightweight as possible and as stripped down as possible.

    Do we know who owns the image build process and can s/he weigh in on this?

  • E

    Custom CSS/JS access to theme/skin colors

    Moved NodeBB Development
    1 Votes
    2 Posts
    526 Views
    julianJ

    oof... maybe, but not yet, I don't think.

    We can use LESS insomuch that what is entered is parsed back out into CSS, but because we don't rerun "variables.less" from bootstrap, then you can't really use variables.

    I'd recommend opening up an issue in our bug tracker so we can get this in if it's something you want 🙂

  • G

    Custom CSS for plugin on ACP.

    NodeBB Development
    0 Votes
    5 Posts
    2176 Views
    G

    That's perfect, thanks!

  • sunqiS

    HOW TO keep theme.css being unchanged

    NodeBB Development
    0 Votes
    2 Posts
    1056 Views
    trevorT

    So, NodeBB uses .less files to maintain the theming for the site, which then is compiled into .css. The public/css/theme.css file is the compilation of the .less files located in node_modules/nodebb-theme-* You will need to edit the .less files instead of directly editing that css file.

    Below are all of the files that should be edited to change the theme.
    Screen Shot 2014-02-17 at 3.15.05 PM.png

    For more information on LESS. http://lesscss.org/

    I hope this helps!

  • aaronA

    Can Redis handle an image-heavy forum?

    NodeBB Development
    1 Votes
    7 Posts
    2227 Views
    aaronA

    Sweet, thanks.

Copyright © 2023 NodeBB | Contributors