ellimccale / pbt-wild-side Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 0.0 73.13 MB

An RPG theme for ProBoards v5

Home Page: https://wild-side-theme.proboards.com

HTML 51.25% CSS 0.22% JavaScript 3.28% Less 45.25%

proboards

pbt-wild-side's Introduction

The Wild Side

Preview

The Wild Side is a deep gray-blue theme with light blue accents and a boxy layout, built on commission for use with the free forum software ProBoards. It features a sticky navigation menu, tabbed flexbox welcome table, and support for a number of plugins. Developed using my v5 theme base, cast.

Use

This theme is intended for private use and may not be used in any other respect without my express written permission. You are free to view the code, however.

Included

Support for the Monetary System plugin
Support for the Board Description Images plugin
Support for a customized version of the Dynamically Tabbed Table plugin
Support for a customized version of the User Legend plugin
Smangii's ClearUBBC icons
Font Awesome icon glyphs

Remodels

Navigation menu
Board List
Info Center
Thread/Conversations List
Post/Messages List
Mini Profile
User Profile
Edit User Profile
Member Page

Acknowledgements

Special thanks to Smangii for his ClearUBBC icons.

pbt-wild-side's People

Contributors

Stargazers

Watchers

pbt-wild-side's Issues

Add support for Monetary System features

Add support for "Bank" and "Donation" features from the Monetary System plugin to the User Profile.

Summary title bars are missing top padding

Title bars on Thread and Conversation summary pages are missing top padding. This is related to the nav tree appearing in this part of title bars on other pages.

Labels are misaligned

Labels in threads and conversations are misaligned with their container.

MP avatars still have extra space

There is still too much vertical spacing around mini profile avatars. The container didn't get resized.

Hide <br> in Mini Profiles

Hide the <br> generated by the Monetary System Shop plugin in the Mini Profiles.

Adjust vertical spacing of buttons

The top padding on buttons and submit inputs needs to be adjusted slightly, by 2px.

Adjust vertical spacing in between content boxes

The vertical spacing in between content boxes should be reduced by 2px to appear to match horizontal spacing.

Dialogs need updated modal code

Dialogs need the updated modal script from GamingBoards that sets the overlay to true.

Also add the updated dialog CSS from GamingBoards.

<script>
$(document).ready(function() {
    /**
      * jQuery UI Dialog changes
      * Has to be in `<head>` to load in the right order.
      *
      * 1. 180= Approximation of height of dialog padding, title bar, and footer
      * 2. Manually set `max-height` of dialog content because CSS `vh` unit
      *    doesn't work as I'd like it to on mobile browsers
      * 3. Create darkened overlay behind dialogs
      * 4. Offset positioning for top bar
      */
    (function darkenDialogOverlay() {
        var open_ref = $.ui.dialog.prototype.open;
        var trueViewportHeight = window.innerHeight - 180; // 1

        $.ui.dialog.prototype.open = function(){
            $('.ui-dialog div.ui-dialog-content').css('max-height', (trueViewportHeight + 'px')); // 2

            this.options.modal = true; // 3
            this.options.position = { offset: "0 27px" }; // 4

            open_ref.apply(this, arguments);
        }
    })();
});
</script>