• Home
  • Categories
  • Recent
  • Popular
  • Top
  • Tags
  • Users
  • Groups
  • Documentation
    • Home
    • Read API
    • Write API
    • Plugin Development
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
v3.5.2 Latest
Buy Hosting

Custom Header

Scheduled Pinned Locked Moved NodeBB Plugins
27 Posts 10 Posters 15.8k Views
    • 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.
  • Hưng Thành NguyễnH Offline
    Hưng Thành NguyễnH Offline
    Hưng Thành Nguyễn
    wrote on last edited by
    #18

    @esiao without it, the composer will go full screen. Just looks fine.

    Screenshot_2014-09-18-14-35-36.png

    1 Reply Last reply
    0
  • esiaoE Offline
    esiaoE Offline
    esiao
    wrote on last edited by
    #19

    New version 0.0.3

    • Fixed an issue with the crossfade div not being destroyed resulting in an infinite pool of them.

    I'll recommend to update.

    1 Reply Last reply
    1
  • esiaoE Offline
    esiaoE Offline
    esiao
    wrote on last edited by
    #20

    New version 0.1.0
    Updated for NodeBB v0.6.0 compatibility.

    esiaoE 1 Reply Last reply
    2
  • esiaoE Offline
    esiaoE Offline
    esiao
    replied to esiao on last edited by
    #21

    Same, it's better when the good version of NodeBB is given.
    Patch 0.1.1 "compatibility": "^0.5.0" → "compatibility": "^0.6.0"

    1 Reply Last reply
    0
  • codejetC Offline
    codejetC Offline
    codejet GNU/Linux
    wrote on last edited by
    #22

    Just something I have noticed with this plugin.

    Actually works on the ACP, admin <body> when used with body background image. Which means sometimes you can't see writing in some of the admin tabs. Works flawlessly apart from this.👍

    1 Reply Last reply
    0
  • RichGR Offline
    RichGR Offline
    RichG
    wrote on last edited by RichG
    #23

    I have some members of my nodebb forum complaining about the usability of the forum when accessing from mobile devices. Especially, Android based systems. The biggest complaint is the ability to post as outlined here and at least one other thread ( they can't get to the fields without the keyboard getting in the way). I am using the 0.7 of nodebb and the persona theme. Is there a resolution to this that I can do? As stated... many of our uses will be accessing our forums from mobile devices, mobile friendlessness should be paramount issue. Please advise.... I have some unhappy campers that are questioning why I did not elect a proven framework that they have used without issue in the past.

    Rich

    PitaJP 1 Reply Last reply
    0
  • PitaJP Offline
    PitaJP Offline
    PitaJ Global Moderator Plugin & Theme Dev
    replied to RichG on last edited by PitaJ
    #24

    @RichG

    You can add some custom css rules to make the editing easier on mobile devices. The following rules are for persona:

    html.composing .composer .mobile-navbar {
        min-height: 30px;
        height: 30px;
        line-height: 20px;
    }
    
    html.composing .composer .mobile-navbar > span > button {
        height: 30px;
        line-height: 20px;
        padding: 5px;
    }
    
    html.composing.mobile .composer .composer-container {
        padding-top: 30px;
    }
    
    html.composing.mobile .composer .title-container .title {
        font-size: 14px;
        line-height: 14px;
        padding: 5px;
        padding-left: 11px;
        height: 28px;
    }
    
    html.composing.mobile .composer .category-list-container .category-list {
        padding: 5px 10px;
        height: 32px;
    }
    
    html.composing.mobile .composer .btn-toolbar .btn-group > * {
        padding: 5px;
        border: 0 dashed lightgrey;
        min-width: 28px;
        border-right-width: 1px;
    }
    
    html.composing.mobile .composer .category-tag-row .btn-group {
        height: 30px;
        margin: 0;
    }
    
    html.composing.mobile .composer .category-tag-row {
        margin: 0;
    }
    
    /* comment out the follwing two rules to enable tagsinput */
    
    html.composing.mobile .composer .category-tag-row .tags-container {
        display: none;
    }
    
    html.composing.mobile .composer .row.write-preview-container {
        height: calc(100% - 90px) !important;
    }
    
    /* uncomment the rules below to enable tagsinput */
    /*
    
    html.composing.mobile .composer .category-tag-row .tags-container .bootstrap-tagsinput {
        padding: 0;
        padding-top: 8px;
        height: 30px;
    }
    
    html.composing.mobile .composer .category-tag-row .tags-container .bootstrap-tagsinput input {
        padding: 0px 6px;
        height: 20px;
    }
    
    html.composing.mobile .composer .row.write-preview-container {
        height: calc(100% - 120px) !important;
    }
    
    */
    

    These will essentially just remove the tags input and make everything else smaller.

    RichGR 1 Reply Last reply
    1
  • RichGR Offline
    RichGR Offline
    RichG
    replied to PitaJ on last edited by
    #25

    @pitaj said:

    @RichG

    You can add some custom css rules to make the editing easier on mobile devices. The following rules are for persona:

    html.composing .composer .mobile-navbar {
        min-height: 30px;
        height: 30px;
        line-height: 20px;
    }
    
    html.composing .composer .mobile-navbar > span > button {
        height: 30px;
        line-height: 20px;
        padding: 5px;
    }
    
    html.composing.mobile .composer .composer-container {
        padding-top: 30px;
    }
    
    html.composing.mobile .composer .title-container .title {
        font-size: 14px;
        line-height: 14px;
        padding: 5px;
        padding-left: 11px;
        height: 28px;
    }
    
    html.composing.mobile .composer .category-list-container .category-list {
        padding: 5px 10px;
        height: 32px;
    }
    
    html.composing.mobile .composer .btn-toolbar .btn-group > * {
        padding: 5px;
        border: 0 dashed lightgrey;
        min-width: 28px;
        border-right-width: 1px;
    }
    
    html.composing.mobile .composer .category-tag-row .btn-group {
        height: 30px;
        margin: 0;
    }
    
    html.composing.mobile .composer .category-tag-row {
        margin: 0;
    }
    
    /* comment out the follwing two rules to enable tagsinput */
    
    html.composing.mobile .composer .category-tag-row .tags-container {
        display: none;
    }
    
    html.composing.mobile .composer .row.write-preview-container {
        height: calc(100% - 90px) !important;
    }
    
    /* uncomment the rules below to enable tagsinput */
    /*
    
    html.composing.mobile .composer .category-tag-row .tags-container .bootstrap-tagsinput {
        padding: 0;
        padding-top: 8px;
        height: 30px;
    }
    
    html.composing.mobile .composer .category-tag-row .tags-container .bootstrap-tagsinput input {
        padding: 0px 6px;
        height: 20px;
    }
    
    html.composing.mobile .composer .row.write-preview-container {
        height: calc(100% - 120px) !important;
    }
    
    */
    

    These will essentially just remove the tags input and make everything else smaller.

    Sir..... thank you. Still quirky, but usable. On my phone ( old Razor ) the keyboard is confused sometimes of when to appear, and one thing that is constant. You can't delete a post. The confirmation ( yes/no) screen is unresponsive. Thank you @pitaj.

    1 Reply Last reply
    0
  • C Offline
    C Offline
    ChaosYamYT
    wrote on last edited by
    #26

    How do I get this plugin? 😞

    1 Reply Last reply
    0
  • sebastian-marinescuS Offline
    sebastian-marinescuS Offline
    sebastian-marinescu
    wrote on last edited by
    #27

    @chaosyamyt it seems this is the repo for that:
    https://github.com/esiao/nodebb-plugin-custom-header

    You could try to check it out into the "node_modules" directory and then activate it in the admin-interface.

    1 Reply Last reply
    0

Copyright © 2023 NodeBB | Contributors
  • Login

  • Don't have an account? Register

  • Login or register to search.
Powered by NodeBB Contributors
  • First post
    Last post
0
  • Home
  • Categories
  • Recent
  • Popular
  • Top
  • Tags
  • Users
  • Groups
  • Documentation
    • Home
    • Read API
    • Write API
    • Plugin Development