I have integrated
gem "bootstrap-sass", "~> 2.3.0.0"Bootstrap 2. Detailed information on the modal can be found here.
The code for my custom modal looks like this:
#Modal.modal.hide.fade{"aria-hidden" => "true", "aria-labelledby" => "jobsModalLabel", :role => "dialog", :tabindex => "-1"}
To open the modal, I use this script:
$("#Modal").modal().css "margin-left": ->
-($(@).width() / 2)
I am seeking a way to enhance the loading speed of my modal, without compromising the fading effect provided by the .fade class. Adjusting the fade duration did not yield the desired result.
This issue might involve both JavaScript and CSS aspects, but the solution eludes me at the moment.
Despite trying to override the .fade class with the CSS snippet below, the transition speed did not increase as expected:
.fade {
opacity: 0;
-webkit-transition: opacity 0.01s linear;
-moz-transition: opacity 0.01s linear;
-ms-transition: opacity 0.01s linear;
-o-transition: opacity 0.01s linear;
transition: opacity 0.01s linear;
}
On the contrary, increasing the transition time to 3.00s lead to a slower effect...
It appears that the .fade class influences the backdrop addition process. My goal is to expedite the movement of the modal from top to its final position after the backdrop is initiated.