search

Promact / md2

Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.
http://code.promactinfo.com/md2/
MIT License
379 stars 112 forks source link

Can i have a bigger width on md-dialog ? #196

Closed nobitahuang closed 7 years ago

nobitahuang commented 7 years ago

can i have a bigger width on md-dialog ? cause my styling not really affecting the size thanks

jay-kamdar commented 7 years ago

Please use this selector to change the width: .cdk-overlay-pane .md2-dialog-panel{}

nobitahuang commented 7 years ago

its not working

jay-kamdar commented 7 years ago

Please show me your code. It's working fine in mine.

dharmeshpipariya-zz commented 7 years ago

@chendzng set .md2-dialog-panel { width: 1100px !important; } style and modify with your width.

l2radamanthys commented 7 years ago

not found to modify a specific modal

l2radamanthys commented 7 years ago

i solved

.md2-dialog-panel { width: auto !important; min-width: 600px; }

and in body add a div with custom size:

`

Resultados Esperados 
<div style="width: 1100px"></div>

`

jay-kamdar commented 7 years ago

Its about priority of selector. If .cdk-overlay-pane .md2-dialog-panel{} it is not working then use important keyword with css value.

nelsonBlack commented 6 years ago

have tried to change the width for a day without success please assist , have used all above examples no success