DeokHong Kim (a.k.a insanehong) DeokHong Kim (a.k.a insanehong) 2013-10-24
mileston: fixed broken layout when resize broswer size
@96e2e9ae2098e3209993eff05d83949bb4b26be4
app/assets/stylesheets/less/_page.less
--- app/assets/stylesheets/less/_page.less
+++ app/assets/stylesheets/less/_page.less
@@ -2291,19 +2291,41 @@
 //-- new milestone
 .form-wrap {
     &.milestone {
+        position:relative;
+
         .inner {
             &.left {
-                width: 74%;
-                display:inline-block;
-                vertical-align:top;
+                margin-right:290px;
 
-                .text , .textarea {
-                    width:100%;
+                .title-wrap {
+                    label {
+                        font-weight:bold;
+                    }
+
+                    input {
+                        height: 30px;
+                        width:100%;
+                        box-sizing: border-box;
+                        -moz-box-sizing: border-box;
+                        -webkit-box-sizing: border-box;
+                    }
                 }
-                .textarea {
-                    height: 306px;
-                    resize: vertical;
+                
+                .content-wrap {
+                    label {
+                        font-weight:bold;
+                    }
+
+                    textarea {
+                        width:100%;
+                        height: 306px;
+                        resize: vertical;
+                         box-sizing: border-box;
+                        -moz-box-sizing: border-box;
+                        -webkit-box-sizing: border-box;
+                    }
                 }
+               
                 .actions {
                     text-align: right;
                     height: 26px;
@@ -2315,11 +2337,13 @@
             }
 
             &.right {
+                position:absolute;
+                top:22px;
+                right:0;
                 display:inline-block;
                 vertical-align:top;
-                width:21%;
+                width:250px;
                 height:385px;
-                margin-left:30px;
                 padding: 15px 10px;
                 /*background-color: #ececec;*/
                 .border-radius(5px);
app/views/milestone/create.scala.html
--- app/views/milestone/create.scala.html
+++ app/views/milestone/create.scala.html
@@ -10,22 +10,14 @@
     <div class="form-wrap milestone frm-wrap">
         <form class="nm" action="@routes.MilestoneApp.newMilestone(project.owner, project.name)" method="post">
             <div class="inner left">
-            	<dl>
-            		<dt>
-            			<label for="title">@Messages("milestone.form.title")</label>
-            		</dt>
-            		<dd>
-						<input type="text" name="title" id="title" class="text" placeholder="">
-					</dd>
-
-					<dt>
-		                <label for="contents">@Messages("milestone.form.content")</label>
-		            </dt>
-		            <dd>
-                        <textarea id="contents" name="contents" class="textarea" markdown="true"></textarea>
-					</dd>
-            	</dl>
-
+                <div class="title-wrap">
+                    <label for="title">@Messages("milestone.form.title")</label>
+                    <input type="text" name="title" id="title" placeholder="">
+                </div>
+                <div class="content-wrap">
+                    <label for="contents">@Messages("milestone.form.content")</label>
+                    <textarea id="contents" name="contents" markdown="true"></textarea>
+                </div>
                 <div class="actions">
                     <button type="submit" class="ybtn ybtn-success">@Messages("button.save")</button>
                     <a href="@routes.MilestoneApp.milestones(project.owner, project.name)" class="ybtn">@Messages("button.cancel")</a>
app/views/milestone/edit.scala.html
--- app/views/milestone/edit.scala.html
+++ app/views/milestone/edit.scala.html
@@ -11,32 +11,24 @@
 	<div class="form-wrap milestone frm-wrap">
 		<form class="nm" action="@routes.MilestoneApp.editMilestone(project.owner, project.name, milestoneId)" method="post">
 		<div class="inner left">
-			<dl>
-				<dt>
-					<label for="title">@Messages("milestone.form.title")</label>
-				</dt>
-				<dd>
-					@helper.input(form("title")){(id, name, value, args) =>
-						<input type="text" name="@name" id="@id" class="text" value="@value">
-					}
-				</dd>
-
-				<dt>
-					<label for="contents">@Messages("milestone.form.content")</label>
-				</dt>
-				<dd>
-					@helper.input(form("contents")){(id, name, value, args) =>
-					<textarea class="textarea" id="@id" name="@name" markdown="true">@value</textarea>
-					}
-				</dd>
-			</dl>
-
-			<div class="actions">
-				<button type="submit" class="ybtn ybtn-info">@Messages("button.save")</button>
-				<a href="@routes.MilestoneApp.milestones(project.owner, project.name)" class="ybtn">@Messages("button.cancel")</a>
-			</div>
+			<div class="title-wrap">
+                <label for="title">@Messages("milestone.form.title")</label>
+                @helper.input(form("title")){(id, name, value, args) =>
+                <input type="text" name="@name" id="@id" placeholder="" value="@value">
+                }
+            </div>
+            <div class="content-wrap">
+                <label for="contents">@Messages("milestone.form.content")</label>
+                @helper.input(form("contents")){(id, name, value, args) =>
+                <textarea id="contents" id="@id" name="@name" markdown="true">@value</textarea>
+                }
+            </div>
+            <div class="actions">
+               <button type="submit" class="ybtn ybtn-info">@Messages("button.save")</button>
+                <a href="@routes.MilestoneApp.milestones(project.owner, project.name)" class="ybtn">@Messages("button.cancel")</a>
+            </div>
 		</div>
-
+	
 		<div class="inner right bubble-wrap gray">
 			<p>@Messages("milestone.form.state")</p>
 			<div>
Add a comment
List