svn commit: r1451751 - in /incubator/ambari/trunk: CHANGES.txt ambari-web/app/styles/application.less

[yu...@apache.org]

Author: yusaku
Date: Fri Mar  1 22:39:52 2013
New Revision: 1451751

URL: http://svn.apache.org/r1451751
Log:
AMBARI-1537. Constrain the width of all wizard popups. (Xi Wang via yusaku)

Modified:
    incubator/ambari/trunk/CHANGES.txt
    incubator/ambari/trunk/ambari-web/app/styles/application.less

Modified: incubator/ambari/trunk/CHANGES.txt
URL: http://svn.apache.org/viewvc/incubator/ambari/trunk/CHANGES.txt?rev=1451751&r1=1451750&r2=1451751&view=diff
==============================================================================
--- incubator/ambari/trunk/CHANGES.txt (original)
+++ incubator/ambari/trunk/CHANGES.txt Fri Mar  1 22:39:52 2013
@@ -77,6 +77,8 @@ Trunk (unreleased changes):
 
  IMPROVEMENTS
 
+ AMBARI-1537. Constrain the width of all wizard popups. (Xi Wang via yusaku)
+
  AMBARI-1536. Hosts page layout fixes. (Xi Wang via yusaku)
 
  AMBARI-1502. Add the ability to assign configuration to a cluster. (Nate Cole via tbeerbower)

Modified: incubator/ambari/trunk/ambari-web/app/styles/application.less
URL: http://svn.apache.org/viewvc/incubator/ambari/trunk/ambari-web/app/styles/application.less?rev=1451751&r1=1451750&r2=1451751&view=diff
==============================================================================
--- incubator/ambari/trunk/ambari-web/app/styles/application.less (original)
+++ incubator/ambari/trunk/ambari-web/app/styles/application.less Fri Mar  1 22:39:52 2013
@@ -645,8 +645,7 @@ a:focus {
 /*90% width modal window start*/
 .full-width-modal {
   .modal {
-    width: 90%;
-    margin: -350px 0 0 -45%;
+
   }
 
   .clear {
@@ -676,6 +675,7 @@ a:focus {
 
 /*60% width modal window start*/
 .sixty-percent-width-modal {
+
   .modal {
     width: 60%;
     margin: 0 0 0 -30%;
@@ -2603,6 +2603,14 @@ ul.inline li {
       width: 120px;
     }
   }
+
+  // when the scree is narrow, the popup modal width is adjustable
+  .full-width-modal {
+    .modal{
+      width: 90%;
+      margin: 350px 0 0 -45%;
+    }
+  }
 }
 
 //
@@ -2672,6 +2680,15 @@ i.icon-asterisks {
 
 //styles for screen width more than 1200px
 @media (min-width: 1200px) {
+
+  //when screen is wide, the modal width is fixed
+  .full-width-modal {
+    .modal{
+      width: 1170px;
+      margin: -350px 0 0 -583px;
+    }
+  }
+
   .row {
     margin-left: -30px;
     *zoom: 1;