Skip to content
Sudonix

sudonix

Bug Report

Solved Bugs
Log in to reply

27/47

29 Mar 2024, 16:43


Related Topics
  • undefined

    CSS code customization for the link preview plugin

    Solved Customisation css nodebb
    47 3 Apr 2024, 02:11
    3 Apr 2024, 02:11
    2
    3 Votes
    6 Posts
    958 Views
    phenomlabundefined
    @kadir-ay-0 marking as resolved based on https://community.nodebb.org/topic/17109/manual-build-a-night-mode-for-harmony/5 Please do not raise requests in two places - here and the NodeBB forums. All this does is create unnecessary load for both parties.
  • crazycellsundefined

    Page control arrows for PWA

    Solved Customisation nodebb
    47 29 Mar 2024, 21:14
    29 Mar 2024, 21:14
    25 Votes
    27 Posts
    3k Views
    phenomlabundefined
    @crazycells it is, yes - I think I’ll leave it as there is no specific PWA CSS classes I know of. Well, you could use something like the below, but this means multiple CSS files for different operating systems. /** * Determine the mobile operating system. * This function returns one of 'iOS', 'Android', 'Windows Phone', or 'unknown'. * * @returns {String} */ function getMobileOperatingSystem() { var userAgent = navigator.userAgent || navigator.vendor || window.opera; // Windows Phone must come first because its UA also contains "Android" if (/windows phone/i.test(userAgent)) { return "Windows Phone"; } if (/android/i.test(userAgent)) { return "Android"; } if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) { return "iOS"; } return "unknown"; // return “Android” - one should either handle the unknown or fallback to a specific platform, let’s say Android } Once you’re in that rabbit hole, it’s impossible to get out of it.
  • Pandaundefined

    Further Widgets question

    Solved Configure nodebb
    47 26 May 2023, 15:45
    26 May 2023, 15:45
    1
    1 Votes
    4 Posts
    319 Views
    phenomlabundefined
    @Panda category is for a category in its own, so for example, “fruit” whereas categories is the page that contains all categories as a list.
  • phenomlabundefined

    NodeBB v3 and Harmony Theme

    Discussion nodebb theme
    47 16 Dec 2022, 14:59
    16 Dec 2022, 14:59
    13 Votes
    22 Posts
    2k Views
    phenomlabundefined
    Been playing with the user profile page this afternoon. Thought I’d post a video as I’m really pleased with how this came out profile-screen-capture.webm
  • crazycellsundefined

    optional "snow falling" theme

    Solved Customisation nodebb
    47 11 Dec 2022, 02:59
    11 Dec 2022, 02:59
    6 Votes
    6 Posts
    513 Views
    phenomlabundefined
    @Sala ok, but that’s still the same loop which is going to have an impact on the CPU.
  • Pandaundefined

    Rotating homepage icons, gifs?

    Solved Configure nodebb
    47 17 Oct 2022, 15:25
    17 Oct 2022, 15:25
    3 Votes
    2 Posts
    299 Views
    phenomlabundefined
    @eveh It’s not a GIF, no. It’s actually a webp file so made much smaller, and uses keyframes to control the rotation on hover. You can easily make your own though The CSS for that is as below @keyframes rotate180 { from { transform: rotate(0deg); } to { transform: rotate(180deg); } } @keyframes rotate0 { from { transform: rotate(180deg); } to { transform: rotate(0deg); } } Your milage may vary on the CSS below, as it’s custom for Sudonix, but this is the class that is used to control the rotate .header .forum-logo, img.forum-logo.head { max-height: 50px; width: auto; height: 30px; margin-top: 9px; max-width: 150px; min-width: 32px; display: inline-block; animation-name: rotate180, rotate0; animation-duration: 1000ms; animation-delay: 0s, 1000ms; animation-iteration-count: 1; animation-timing-function: linear; transition: transform 1000ms ease-in-out; }
  • Pandaundefined

    Title on homepage of nodebb forum

    Solved Customisation nodebb
    47 9 Oct 2022, 12:58
    9 Oct 2022, 12:58
    1 Votes
    2 Posts
    756 Views
    phenomlabundefined
    @eveh Welcome board The code you are referring to is custom written as no such functionality exists under NodeBB. However, adding the functionality is relatively trivial. Below are the required steps Navigate to /admin/appearance/customise#custom-header Add the below code to your header, and save once completed <ol id="mainbanner" class="breadcrumb"><li id="addtext">Your Title Goes Here</li></ol> Navigate to /admin/appearance/customise#custom-js and add the below code, then save $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { // Initialise mainbanner ID, but hide it from view $('#mainbanner').hide(); var pathname = window.location.pathname; if (pathname === "/") { $("#addtext").text("Your Title"); $('#mainbanner').show(); } else {} // If we want to add a title to a sub page, uncomment the below and adjust accordingly //if (pathname === "/yourpath") { //$("#addtext").text("Your Title"); //$('#mainbanner').show(); //} }); }); Navigate to /admin/appearance/customise#custom-css and add the below CSS block .breadcrumb { right: 0; margin-right: auto; text-align: center; background: #0086c4; color: #ffffff; width: 100vw; position: relative; margin-left: -50vw; left: 50%; top: 50px; position: fixed; z-index: 1020; } Note, that you will need to adjust your CSS code to suit your own site / requirements.
  • pwsincdundefined

    Detect if user is admin

    General nodebb javascript code
    47 31 Mar 2022, 20:09
    31 Mar 2022, 20:09
    0 Votes
    2 Posts
    568 Views
    phenomlabundefined
    @pwsincd I think you can use userData.isAdmin = isAdmin; if I’m not mistaken - see https://community.nodebb.org/topic/15128/how-to-hide-whitelist-user-field-only-to-owner-or-admin?_=1648802303112 for an example