Adjusting the docs to show the modals demo for mobile devices.

[ratchet] / docs / css / docs.css

diff --git a/docs/css/docs.css b/docs/css/docs.css
index 8cb6847..b4057d4 100644 (file)
--- a/docs/css/docs.css
+++ b/docs/css/docs.css
@@ -649,10 +649,21 @@ h6 {
 }
 
 /* Modal example */
-.iphone .iphone-content .modal { position: absolute; }
-.iphone .iphone-content .modal .content { margin-top: 44px; }
-#myModal.active { background: #cecece; }
-#modalsInPhone #iwindow > .button { margin: 10px; }
+.component-example .modal {
+  left: 0;
+  z-index: 10001;
+}
+.iphone .iphone-content .modal { 
+  position: absolute; 
+}
+.component-example .modal .content,
+.iphone .iphone-content .modal .content { 
+  margin-top: 44px; 
+}
+#modalsInPhone #iwindow > .button { 
+  margin: 10px; 
+}
+
 
 /* Slider examples */
 .component-example-fullbleed .slider,