Do you want to change that thing to something else?
+diff --git a/server/documents/modules/modal.html.eco b/server/documents/modules/modal.html.eco index 21b380bdf..f4f5dbc74 100755 --- a/server/documents/modules/modal.html.eco +++ b/server/documents/modules/modal.html.eco @@ -38,6 +38,44 @@ type : 'UI Module' +
Do you want to change that thing to something else?
+Do you want to change that thing to something else?
+A modal can vary in size
+Modals will automatically tie approve deny callbacks to any positive/approve or negative/deny buttons
+You can disable a modal's dimmer from being closed by click to force a user to make a choice
diff --git a/src/modules/modal.less b/src/modules/modal.less index 1b3d2c4c3..615955aee 100755 --- a/src/modules/modal.less +++ b/src/modules/modal.less @@ -213,4 +213,64 @@ .ui.active.modal { display: block; +} + + +/*-------------- + Size +---------------*/ + +/* Small */ +.ui.small.modal > .header { + font-size: 1.3em; +} +@media only screen and (min-width : 998px) { + .ui.small.modal { + width: 58%; + margin-left: -29%; + } +} + .ui.small.modal { +@media only screen and (min-width : 1500px) { + width: 40%; + margin-left: -20%; + } +} +@media only screen and (min-width : 1750px) { + .ui.small.modal { + width: 26%; + margin-left: -13%; + } +} +@media only screen and (min-width : 2000px) { + .ui.small.modal { + width: 20%; + margin-left: -10%; + } +} + +/* Large */ +@media only screen and (min-width : 998px) { + .ui.large.modal { + width: 74%; + margin-left: -37%; + } +} +@media only screen and (min-width : 1500px) { + .ui.large.modal { + width: 64%; + margin-left: -32%; + } +} +@media only screen and (min-width : 1750px) { + .ui.large.modal { + width: 54%; + margin-left: -27%; + } +} +@media only screen and (min-width : 2000px) { + .ui.large.modal { + width: 44%; + margin-left: -22%; + } } \ No newline at end of file