Giter VIP home page Giter VIP logo

foundryvtt-custom-css's Introduction

Forge Installs Latest Release Download Count

Custom CSS Rules

Allows a user to setup custom CSS rules in a world

What problem does this solve?

When adding a lot of modules, every now and then they don't quite agree with each other on where things should live. A small amount of CSS can fix this, but manually patching CSS in the server or writing a local module is a pain. This module allows you to quickly and easily enter per-world CSS rules to make these tweaks instead.

Changelog

v2.0.4

Complete overhaul of functionality. Rules are replaced by one large styelsheet editor.

v1.1.0

Added the ability to organize Rules. This is not folder functionality!

foundryvtt-custom-css's People

Contributors

cswendrowski avatar forien avatar toon324 avatar zeel01 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

foundryvtt-custom-css's Issues

[feature request] Rule sets

A quality of life type update.

Add the ability to add/edit/delete independant editing containers for the css code.

By having the ability to self-contain sets of css it would allow the user to organise the different css projects and user will better know where to go to make modifications instead of scrolling through the entirety of their css code, potentially hundreds of lines, with the possibility of mistakenly removing the wrong line(s) when attempting to remove css.

Permission-based CSS Suggestion

Hey, found this module exceptionally useful!

One suggestion I thought of was defining CSS by permission groups?
Allowing CSS to be configured for Players, Trusted Players, Assistant GMs, and GMs.

Example cases could be

  • Hiding Death Saves on Player's sheets
  • Hiding Menu options for Players
  • Hiding GM scenes for Assistant GMs

These features likely exist elsewhere but the flexibility would be brilliant through CSS

v11 Compatibility Check

Firstly, I would like to express my gratitude for your valuable contribution in developing this module for Foundry VTT. It has greatly enhanced my gaming experience.

I am reaching out to kindly request an update for your module to be compatible with the latest version of Foundry VTT, v11. As a passionate user of both Foundry VTT and your module, I am eagerly looking forward to enjoying the new features and improvements introduced in the latest version.

I understand that updating a module can be a time-consuming process, and I genuinely appreciate your effort and dedication in maintaining and improving it. Your work is highly valued by the Foundry VTT community.

If there is anything I can do to support you in this update process, such as providing feedback, testing, or any other assistance, please do not hesitate to let me know. I am more than willing to contribute to the success of your module.

Thank you for considering my request. I truly believe that updating your module to Foundry VTT v11 will greatly benefit the community and enhance the overall gaming experience for users. I am eagerly looking forward to the updated version.

Macro to Open Custom CSS Rules?

Hello! This isn't an issue, but more of a request. Is it currently possible to directly open the Custom CSS Rules window using a script macro? If so, would you be able to provide an example of such a macro?

I end up opening the window very frequently to make small tweaks as I go. Currently I have to Settings -> Configure Settings -> Module Settings -> Custom CSS (because I use Tidy UI Game Settings) -> Custom CSS Rules. Having a macro would save me a significant amount of time.

Toggle Global and User CSS Pane

Would it be possible to toggle between the global CSS and the user CSS pane? The split screen is really difficult to work in. While I usually use an external CSS editor and paste the code it, often the little real-time tweaks happen in that little pane. I never use the user pane and would love to be able to have a dedicated global pane.

FYI, I have a ton of CSS overrides using this module, so THANK YOU for the update for v11.

(not sure how to tag this as a feature request... new to github)

[FEATURE] Ability to group rules

It would be helpful if it was possible to group rules together somehow. For instance, if I had a number of fixes that I'd like to apply to 13th age, I could group them together visually somehow.

This would also be helpful for the import/export functionality.

Typing direction fixed in the left of the line

image

Hi there!

I have this issue with the typing direction. I can't type the code properly because it always insert new characters in the left of the line,
image

Tried with no modules enabled, different systems, and different computers, the error persist.
In order to get it to work, I need to type the code in an external text processor and then paste it in the Custom CSS.

This behavior occurrs in both text fields (global and user styles)

GM User Styles affects players

When the GM places CSS in the GMs USER STYLE box, the content propagates to the players USER STYLE box. The player can delete it and save this but if the GM saves the CSS on his screen, it replaces the player CSS with the GMs.

Forge with Foundry v10.291
System: Star Wars FFG 1.801

Enhancement: Render Global Styles on Join page

It would be lovely if this module could be enhanced so that any Global CSS styles that are set are not only injected into the domain.com/game pages when playing, but also into the domain.com/join page where users sign-in to the game.

This would allow for very easy custom login pages per game world without having to edit CSS files on the server directly.

Regardless, thanks for the great module!

Module Appears to Work without Issue in v11

I recently took the big leap and updated my Foundry core to v11. CustomCSS appears to work in v11 without any issues. The new setup page lets you easily view any package issues, and there are none related to CustomCSS.
There may be other checks required, but I think this module is ready to be marked as v11 ready.

Import/Export style sheets

I'd like an option to import/export out fave styles, in order to be able to replicate them in multiple game worlds without the need to type them all over again every time.

Improved documentation

I'm using this with 0.7.7 and I cannot get my custom CSS to be included.
I assume I'm doing something wrong.
Document a simple test which can be used to demonstrate that the CSS module is working.
Include things like "do you have to refresh the web page after saving your settings?" "do you have to restart your game to have the changes take effect?"

Per-User Rules

Currently all CSS rules are world-wide. Per-user rules would let each User tweak Foundry to their liking.

Indication of changes on save button

Make the Save button obvious whether there are changes made by making the color of the button different.

An example of that would be how in Combat Utility Belt's Condition Lab, its Save Mapping shows up as blue when there are unsaved changes, and reverts to normal when there are no changes.
image

[FEATURE] Import / Export Rules

Many Users are not CSS savvy, but would still like to apply new rules. There are also often Community fixes to module incompatibilities that can be shared.

A way to package up the rule (maybe as a .css file?) and share it, and a way to import them could help this.

SCSS Support

CSS can be quite verbose, especially when doing more in-depth things.
SCSS allows for nesting of css rules and alot of other things that can reduce that verbosity alot, and it has a javascript API that allows compiling it to normal css at runtime https://sass-lang.com/documentation/js-api/

Being able to use scss in custom CSS would allow doing alot more things quite easily and cleanly than it currently is possible.

[FEATURE] Textarea for bulk CSS entry

Love this module, but I find having to manage each rule individually a pain. This request is for a simple textarea I can drop all my CSS into. Thoughts?

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.