Jump to content

UI improvement with modal


Lyonel

Recommended Posts

Would it be possible to change (possibly via app settings) the "size" of the modal?

Sometimes the standard size feels a bit too small for the content... Changing the class from "modal" to "modal-lg" is a great trick you've used, but the sizing is still not quite there...

Nicely sized (using standard "modal" class):

image.png.b72e6cfcca6dbf1107ba7de88000dd8c.png

 

Not so great: (timeline feels a bit cramped)

image.thumb.png.6204f784121c923a33e7567b24c0f1d9.png

With just one change:

image.thumb.png.0061f5c6c5efb42825caff1f6646b13a.png

What I changed:

@media (min-width: 1366px)
.modal-lg {
    width: 1200px;
}

I do realise such change would apply to the entire portal, but I would not mind the same thing on other modals too :)

The trick I used personally was to create a new class "modal-xl" when I really needed space for clarity and user friendliness in a modal (based on the same principal as modal-lg but with bigger values.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...