Commit @c755ba6e9fb686b8f9307aeff90b3a4e86c70cd5

[Notice] Announcing the End of Demo Server [Read me]

Jihan Kim 2013-04-10

fix layout overflow problem

@c755ba6e9fb686b8f9307aeff90b3a4e86c70cd5

cded9de

c755ba6

app/assets/stylesheets/less/_page.less

--- app/assets/stylesheets/less/_page.less

+++ app/assets/stylesheets/less/_page.less


                 }
                 &.right {
                     float: right;
+                    position:absolute; right:0; top:0;
+                    
                     > li {
                         float: left;
                         padding: 0 8px;

     .center-block;
     .side-menus {
         position: absolute;
-        right: -27px; /*-27px;*/
-        top: 23px;
-        width: 18px !important;
-        height: 40px !important;
+        right: -27px;top: 23px;
+        width : 18px !important;
+        height: 16px !important; /* 40px: for 2 button */
         padding:16px 3px 16px 3px;
+        
         .side-menu {
             &:first-child {
                 margin-bottom: 10px;

                    
                     .project-header {
                         font-size: 0;
+                        
                         .name-wrap {
-                            font-size: 12px;
                             .inline-block;
+                            font-size: 12px;
                             line-height: 20px;
                             width: 150px;
+                            
                             i { margin-left:3px; }
-                            a { margin-top:4px; .inline-block; }
+                            
+                            a { 
+                                margin-top:4px; .inline-block;
+                                
+                                strong { 
+                                    text-overflow:ellipsis; overflow:hidden; 
+                                    display:inline-block; width:135px; 
+                                }
+                            }
                         }
+                        
                         .ico-wrap {
                            /**/
                             vertical-align:top;

     margin-top: 20px;
     font-size: 20px;
     font-weight: normal;
+
+    a {
+        display:inline-block; max-width:300px; /* 프로젝트명 */
+        overflow:hidden; text-overflow:ellipsis;
+        cursor:pointer;
+    }
+
     .gray {
         .opacity(50);
+        a { max-width:130px !important; } /* 아이디 */
         a:hover { color:inherit !important; } 
     }
 }

cded9de

c755ba6

app/views/board/post.scala.html

--- app/views/board/post.scala.html

+++ app/views/board/post.scala.html


 }
 </div>
 
+@**
 <div class="board-footer">
 	@isAllowed(UserApp.currentUser(), post.asResource(), Operation.UPDATE)){
 	<a href="@routes.BoardApp.editPostForm(project.owner, project.name, post.id)" class="n-btn orange med">@Messages("button.edit")</a>

 
     <a href="@routes.BoardApp.posts(project.owner, project.name)" class="n-btn gray med">@Messages("button.list")</a>
 </div>
+**@
 
 @** Confirm to delete post **@
 <div id="deleteConfirm" class="modal hide fade">

cded9de

c755ba6

app/views/issue/issue.scala.html

--- app/views/issue/issue.scala.html

+++ app/views/issue/issue.scala.html


 }
 </div>
 
+@**
 <div class="board-footer">
   @if(isAllowed(UserApp.currentUser(), issue.asResource(), Operation.UPDATE)) {
 	<a href="@routes.IssueApp.editIssueForm(project.owner, project.name, issue.id)" class="n-btn orange med">@Messages("button.edit")</a>

   }
 	<a href="@routes.IssueApp.issues(project.owner, project.name,"open")" class="n-btn gray med">@Messages("button.list")</a>
 </div>
+**@
 
 @** Confirm to delete post **@
 <div id="deleteConfirm" class="modal hide fade">

cded9de

c755ba6

app/views/sidemenu.scala.html

--- app/views/sidemenu.scala.html

+++ app/views/sidemenu.scala.html


 
 <div class="side-menu-wrap">
     <ul class="side-menus unstyled bg">
+    	<!-- 
         <li class="side-menu"><a href="@routes.StatisticsApp.statistics(project.owner, project.name)"><i class="ico ico-statistics"></i></a></li>
+        -->
         <li class="side-menu"><a href="@routes.ProjectApp.settingForm(project.owner, project.name)"><i class="ico ico-setting"></i></a></li>
     </ul>
 </div>

Add a comment

Open 0
Closed 0

List

...	...	@@ -54,6 +54,8 @@
54	54	}
55	55	&.right {
56	56	float: right;
	57	+ position:absolute; right:0; top:0;
	58	+
57	59	> li {
58	60	float: left;
59	61	padding: 0 8px;
...	...	@@ -447,11 +449,11 @@
447	449	.center-block;
448	450	.side-menus {
449	451	position: absolute;
450		- right: -27px; /-27px;/
451		- top: 23px;
452		- width: 18px !important;
453		- height: 40px !important;
	452	+ right: -27px;top: 23px;
	453	+ width : 18px !important;
	454	+ height: 16px !important; /* 40px: for 2 button */
454	455	padding:16px 3px 16px 3px;
	456	+
455	457	.side-menu {
456	458	&:first-child {
457	459	margin-bottom: 10px;
...	...	@@ -736,14 +738,25 @@
736	738
737	739	.project-header {
738	740	font-size: 0;
	741	+
739	742	.name-wrap {
740		- font-size: 12px;
741	743	.inline-block;
	744	+ font-size: 12px;
742	745	line-height: 20px;
743	746	width: 150px;
	747	+
744	748	i { margin-left:3px; }
745		- a { margin-top:4px; .inline-block; }
	749	+
	750	+ a {
	751	+ margin-top:4px; .inline-block;
	752	+
	753	+ strong {
	754	+ text-overflow:ellipsis; overflow:hidden;
	755	+ display:inline-block; width:135px;
	756	+ }
	757	+ }
746	758	}
	759	+
747	760	.ico-wrap {
748	761	/**/
749	762	vertical-align:top;
...	...	@@ -1352,8 +1365,16 @@
1352	1365	margin-top: 20px;
1353	1366	font-size: 20px;
1354	1367	font-weight: normal;
	1368	+
	1369	+ a {
	1370	+ display:inline-block; max-width:300px; /* 프로젝트명 */
	1371	+ overflow:hidden; text-overflow:ellipsis;
	1372	+ cursor:pointer;
	1373	+ }
	1374	+
1355	1375	.gray {
1356	1376	.opacity(50);
	1377	+ a { max-width:130px !important; } /* 아이디 */
1357	1378	a:hover { color:inherit !important; }
1358	1379	}
1359	1380	}

...	...	@@ -144,6 +144,7 @@
144	144	}
145	145	</div>
146	146
	147	+@**
147	148	<div class="board-footer">
148	149	@isAllowed(UserApp.currentUser(), post.asResource(), Operation.UPDATE)){
149	150	<a href="@routes.BoardApp.editPostForm(project.owner, project.name, post.id)" class="n-btn orange med">@Messages("button.edit")</a>
...	...	@@ -155,6 +156,7 @@
155	156
156	157	<a href="@routes.BoardApp.posts(project.owner, project.name)" class="n-btn gray med">@Messages("button.list")</a>
157	158	</div>
	159	+**@
158	160
159	161	@ Confirm to delete post @
160	162	<div id="deleteConfirm" class="modal hide fade">

...	...	@@ -176,6 +176,7 @@
176	176	}
177	177	</div>
178	178
	179	+@**
179	180	<div class="board-footer">
180	181	@if(isAllowed(UserApp.currentUser(), issue.asResource(), Operation.UPDATE)) {
181	182	<a href="@routes.IssueApp.editIssueForm(project.owner, project.name, issue.id)" class="n-btn orange med">@Messages("button.edit")</a>
...	...	@@ -185,6 +186,7 @@
185	186	}
186	187	<a href="@routes.IssueApp.issues(project.owner, project.name,"open")" class="n-btn gray med">@Messages("button.list")</a>
187	188	</div>
	189	+**@
188	190
189	191	@ Confirm to delete post @
190	192	<div id="deleteConfirm" class="modal hide fade">

...	...	@@ -2,7 +2,9 @@
2	2
3	3	<div class="side-menu-wrap">
4	4	<ul class="side-menus unstyled bg">
	5	+ <!--
5	6	<li class="side-menu"><a href="@routes.StatisticsApp.statistics(project.owner, project.name)"><i class="ico ico-statistics"></i></a></li>
	7	+ -->
6	8	<li class="side-menu"><a href="@routes.ProjectApp.settingForm(project.owner, project.name)"><i class="ico ico-setting"></i></a></li>
7	9	</ul>
8	10	</div> (파일 끝에 줄바꿈 문자 없음)

Delete comment