You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@whimsical.apache.org by Sam Ruby <ru...@apache.org> on 2016/04/03 00:57:04 UTC

[whimsy.git] [1/1] Commit 0c9772a: use wide form

Commit 0c9772ac0373f3b40b118f358dd361e971137e24:
    use wide form


Branch: refs/heads/master
Author: Sam Ruby <ru...@intertwingly.net>
Committer: Sam Ruby <ru...@intertwingly.net>
Pusher: rubys <ru...@apache.org>

------------------------------------------------------------
www/roster/public/stylesheets/app.css                        | +++++++++ 
www/roster/views/person.js.rb                                | + -
------------------------------------------------------------
11 changes: 10 additions, 1 deletions.
------------------------------------------------------------


diff --git a/www/roster/public/stylesheets/app.css b/www/roster/public/stylesheets/app.css
index 4cc707b..c78e879 100644
--- a/www/roster/public/stylesheets/app.css
+++ b/www/roster/public/stylesheets/app.css
@@ -61,3 +61,12 @@ form.inline textarea {height: 20em; width: 60em}
 input:disabled[type=submit] {cursor: not-allowed}
 
 .modal textarea {width: 100%; height: 30em}
+
+@media screen and (min-width: 768px) {
+  .wide-form .modal-dialog {
+    width: 80%;
+  }
+  .wide-form .modal-footer {
+    margin-top: 0
+  }
+}
diff --git a/www/roster/views/person.js.rb b/www/roster/views/person.js.rb
index e051fd7..d00b87d 100644
--- a/www/roster/views/person.js.rb
+++ b/www/roster/views/person.js.rb
@@ -117,7 +117,7 @@ def render
     end
 
     # modal dialog for dry run results
-    _div.modal.fade tabindex: -1 do
+    _div.modal.fade.wide_form tabindex: -1 do
       _div.modal_dialog do
         _div.modal_content do
           _div.modal_header do