Giter Club home page Giter Club logo

vttbuttonoverflow's Introduction

GitHub All Releases Donate

VTT Button Overflow

Makes the buttons on the left wrap around if they don't fit on the screen.

Installation

To install, import this Manifest into your module browser.

Showcase

With module Without module
with module without module

Changelog

Check the Changelog

vttbuttonoverflow's People

Contributors

ardittristan avatar

Stargazers

 avatar Federico D'Eredità avatar

vttbuttonoverflow's Issues

Toolbar orientation changes to Horizontal with Minimal UI module

When using the Minimal UI module with the latest Button Overflow module, the issue did not occur previously, the primary left toolbar becomes horizontal, with the first button of the secondary toolbar covering the second button of the primary toolbar.

image

  Foundry: 9.238
  System: dnd5e version 1.5.6
User:
  Role: GAMEMASTER
Settings:
  Disable_Canvas: Disabled
  Max_FPS: 60
  Token_Drag_Vision: Disabled
  Performance_Mode: 3
  Token_Vision_Animation: Enabled
  Light_Source_Animation: Enabled
  Zoomed_Texture_Antialiasing: Enabled
  Animate_Roll_Tables: Disabled
Scene:
  Walls: 709
  Lights: 2
  Tokens: 19
  Tiles: 42
  Sounds: 11
  Drawings: 22
  Notes: 11
  Dimensions: 4800 x 6600
  Background: 4970 x 6790
  Foreground: 1190 x 975
WebGL:
  Context: WebGL2RenderingContext
  GL_Vendor: WebKit
  Renderer: WebKit WebGL
  Unmasked_Renderer: ANGLE (NVIDIA, NVIDIA GeForce GTX 1080 Ti Direct3D11 vs_5_0 ps_5_0, D3D11-30.0.14.9729)
  WebGL_Version: WebGL 2.0 (OpenGL ES 3.0 Chromium)
  MAX_TEXTURE_SIZE: 16384
  MAX_RENDERBUFFER: 16384
Database:
  Actors: 78
  Items: 173
  Scenes: 3
  Journals: 793
  Tables: 95
  Chat: 231
  Macros: 398
Data_Sizes:
  Actors: 9.94 MB
  Items: 771.75 KB
  Scenes: 669.34 KB (2 Base64 Detected)
  Journals: 5.76 MB
  Tables: 1.49 MB
  Chat: 341.92 KB (2 Base64 Detected)
  Macros: 864.66 KB
Browser:
  Platform: Win32
  Vendor: Google Inc.
  Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36
Memory:
  Heap_Limit: 4 GB
  Heap_Total: 267.84 MB
  Heap_Used: 171.98 MB
Modules:
  Total: 400
  Enabled: 14
Active_Modules:
  _chatcommands: Library: Chat Commands v1.4.0
  acelib: Ace library v1.3.0
  arbron-context-menus: Arbron’s Context Menu Library v0.2.2
  buttonoverflow: Button Overflow v1.0.0
  colorsettings: lib - Color Settings v2.8.1
  debug-report: Debug Report Generator v0.0.5
  find-the-culprit: Find the culprit v1.4.0
  lib-captions: libCaptions v0.1.4
  lib-changelogs: Changelogs & Conflicts v0.7.6
  lib-wrapper: libWrapper v1.11.0.1
  libruler: libRuler v0.2.0
  minimal-ui: Minimal UI v1.4.0
  socketlib: socketlib v1.0.9
  forge-vtt: The Forge v1.10

TypeError: Cannot read properties of null (reading 'childElementCount')

I receive the following error when running Button Overflow. See the debug log for version and module information.

TypeError: Cannot read properties of null (reading 'childElementCount')
[Detected 1 package: buttonoverflow]
    at buttonOverflow.js:26
    at Function._call (foundry.js:294)
    at Function.callAll (foundry.js:253)
    at Game.setupGame (foundry.js:5503)
    at async Game._initializeGameView (foundry.js:6434)
    at async Game.initialize (foundry.js:5380)
onError	@	foundry.js:316
🎁call_wrapped	@	libWrapper-wrapper.js:502
🎁Hooks.onError#lib-wrapper	@	listeners.js:137
🎁Hooks.onError#0	@	libWrapper-wrapper.js:182
_call	@	foundry.js:298
callAll	@	foundry.js:253
setupGame	@	foundry.js:5503

Debug report:

  Foundry: 9.238
  System: dnd5e version 1.5.6
User:
  Role: GAMEMASTER
Settings:
  Disable_Canvas: Disabled
  Max_FPS: 60
  Token_Drag_Vision: Disabled
  Performance_Mode: 3
  Token_Vision_Animation: Enabled
  Light_Source_Animation: Enabled
  Zoomed_Texture_Antialiasing: Enabled
  Animate_Roll_Tables: Disabled
Scene:
  Walls: 709
  Lights: 2
  Tokens: 19
  Tiles: 42
  Sounds: 11
  Drawings: 22
  Notes: 11
  Dimensions: 4800 x 6600
  Background: 4970 x 6790
  Foreground: 1190 x 975
WebGL:
  Context: WebGL2RenderingContext
  GL_Vendor: WebKit
  Renderer: WebKit WebGL
  Unmasked_Renderer: ANGLE (NVIDIA, NVIDIA GeForce GTX 1080 Ti Direct3D11 vs_5_0 ps_5_0, D3D11-30.0.14.9729)
  WebGL_Version: WebGL 2.0 (OpenGL ES 3.0 Chromium)
  MAX_TEXTURE_SIZE: 16384
  MAX_RENDERBUFFER: 16384
Database:
  Actors: 78
  Items: 173
  Scenes: 3
  Journals: 793
  Tables: 95
  Chat: 231
  Macros: 398
Data_Sizes:
  Actors: 9.94 MB
  Items: 771.75 KB
  Scenes: 669.34 KB (2 Base64 Detected)
  Journals: 5.76 MB
  Tables: 1.49 MB
  Chat: 341.92 KB (2 Base64 Detected)
  Macros: 864.66 KB
Browser:
  Platform: Win32
  Vendor: Google Inc.
  Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36
Memory:
  Heap_Limit: 4 GB
  Heap_Total: 235.59 MB
  Heap_Used: 166.47 MB
Modules:
  Total: 398
  Enabled: 13
Active_Modules:
  _chatcommands: Library: Chat Commands v1.4.0
  acelib: Ace library v1.3.0
  buttonoverflow: Button Overflow v0.1.0
  colorsettings: lib - Color Settings v2.8.1
  debug-report: Debug Report Generator v0.0.5
  find-the-culprit: Find the culprit v1.4.0
  lib-captions: libCaptions v0.1.4
  lib-changelogs: Changelogs & Conflicts v0.7.6
  lib-df-hotkeys: Library: DF Hotkeys v2.3.5
  lib-wrapper: libWrapper v1.11.0.1
  libruler: libRuler v0.2.0
  socketlib: socketlib v1.0.9
  forge-vtt: The Forge v1.10

BUG - On Foundry 0.8.3 when realod the scene i get a exception

Environment Details

Foundry VTT Version: 0.8.3

Operating System: [Linux]

How Are You Using Foundry: [Linux,Native Application (Electron), Chrome]

Which Game System: Dungeons and Dragons 5th Edition, version 1.3.1

Modules Enabled?: Yes

OS, Hosting, Browser (if applicable): Linux/Node/Chrome

Description of the issue:

I updated a old 0.7.9 world to 0.8.3.

When reload the scene i can see this error on the console:

image

Help with PF2 Fancy Skin

PF2 has a new fancy skin that is WIP where each subsection of the toolbar starts from the height of its parent. This cannot be fixed with Button Overflow as the number of icons is not enough for full screen height, but they still flow out of the screen. See screenshot below.

How to test:

  1. In PF2, go to Setting, PF2 Player Settings, choose In Progress skin.
  2. Hopefully you have enough mods to fill the bar as shown below.
  3. Especially if the parent is mid or below mid of the toolbar, and enough content, you can get similar case.

image

API for other mods to add their buffer value above the PlayerList

Needed for SmallTime and perhaps for Foundry Tips mods.

Allows other mods to request additional height buffer depending on their size needs. The buffer is summed from all mods that require it and is applied to the CSS param. Allow mods to actively turn on/off their needs as they are attached or unattached from above the PlayerList.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.