Giter Club home page Giter Club logo

foundry-vtt-prettier-login-screen's Issues

Scale world logo Image to 100% width and auto height?

So this is more of a CSS question, but since it seems to be a problem in the way the login page CSS is structured in foundry, I think it fits here.

In the css file both the logo image and footer image can be exclusively scaled using their height parameter. However I think it would be easier if the image could automatically scale to 100% of the allocated width (of the login box). I tried to do this by setting the height parameter to auto and the width to 100% (and later a set pixel value) but it never even appeared.

Can this potentially be fixed or is it impossible in just the css due to the way the page is structured?

Problems with css since Foundry VTT 0.8.9

Hi!

First of all thanks for doing this, I love this compared to the default login screen! I recently upgraded my server to 0.8.9, the update always overwrites the old config, so I added your section and configured it like before with a top and footer logo and some custom colors on the buttons. But some of these does not work anymore.

  1. No logos will be displayed
  2. Title will be displayed even if it is configured in your CSS section to disable it
  3. Buttons are not displayed

These are just some of the main things I noticed after the upgrade.

Kind regards

V11 Update & Possible Themes Support

This is the obligatory new FoundryVTT Version dropped, please update issue.

The module seems to essentially still work, but the structure of the main page has changed a bit, so the css names do not match up anymore, should be a quick fix, most users can probably even implement themselves in the css file, but some default changes would be nice.

Finally, foundry now has themes for the setup. I havent verified if they interact with the module much yet, but they do change something on the login screen, so I imagine there is some crossover. No idea if themes will be editable or changeable with modules later on, but for now that doesnt seem to be the case. But maybe the css wizards of this module can still work with this a bit.

How to use this styling without editting core css file

Hello, I just want to let you know how to use this styling without editting core css file.

You can just include this css file into your core localization module.

Here's how to make localization module.

It is pretty simple. just add one line to your module.json - "coreTranslation":true

In that way, you can apply css to your core application.

Anyways, thank you for your hard work!

world logo not working

Hello! Thanks for the code. But I'm trying to put the image, with address in the public/ui folder in the code and it doesn't work. Need an image hosted elsewhere online? A better solution for me would be to change the world name font, if you know how to do that from the code, I'm grateful, to use modest-condensed.
Thank you again

v10 background image

Hi dumb question but how do I change the background image?
This only seems to allow me to change image for footer and logo but the sample image u have the whole background different image. Thanks

FoundryVTT V12?

Now that V12 is released and being updated more and more, it seems that its kinda broken the V11 code a bit.
Namely, the additional boxes in the login page aren't hidden. Any word on a possible update?

Missing symbol in firefox

Hi,
i am using v10.291 and latest version of package and there are broken icon in firefox for join game session button

And in chrome there are no icon at all.

Screenshot 2023-03-30 at 10 12 09

it seems content: "\1F846"; symbol is missing from Signika font

I think i can fix it in styles manually, but these changes will be lost with package update?

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.