Jump to content

UI improvement with modal


Lyonel
 Share

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
 Share

×
×
  • Create New...