Commit @309660cead97e59684bd6c5762e7d0f4f8a6167e

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

doortts 2016-02-17

mobile: Add more mobile support pages

@309660cead97e59684bd6c5762e7d0f4f8a6167e

7d88f1e

309660c

app/assets/stylesheets/less/_markdown.less

--- app/assets/stylesheets/less/_markdown.less

+++ app/assets/stylesheets/less/_markdown.less


   }
 
   ul {
-     padding:0px 20px;
+     padding:0 0 0 20px;
      line-height:20px;
      list-style:disc;
   }

   
 
   ol{
-     padding:0px 20px;
+     padding:0 0 0 20px;
      line-height:20px;
      list-style:decimal;
   }

7d88f1e

309660c

app/assets/stylesheets/less/_page.less

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

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


                     float: left;
 
                     &.item-icon {
-                        background-color:#F7F7F7;
                         color:#3592b5;
                         font-size: 9px;
                         padding-top:2px;

7d88f1e

309660c

app/assets/stylesheets/less/_reponsive.less

--- app/assets/stylesheets/less/_reponsive.less

+++ app/assets/stylesheets/less/_reponsive.less

...	...	@@ -1,4 +1,60 @@
1	1	@media all and (max-width: 600px){
	2	+ .board-header .date {
	3	+ margin-right: 5px !important;
	4	+ }
	5	+ .badge-small {
	6	+ margin-right: 0 !important;
	7	+ padding: 5px 5px;
	8	+ }
	9	+ .admin-logged-in-affix{
	10	+ width: auto !important;
	11	+ }
	12	+ //login modal
	13	+ .modal {
	14	+ left: inherit;
	15	+ margin-right: 0 !important;
	16	+ }
	17	+ .loginDialog {
	18	+ margin-left: 0 !important;
	19	+ width: 100%;
	20	+ .login-form-wrap{
	21	+ width: inherit;
	22	+ .text {
	23	+ width: 95%;
	24	+ }
	25	+ }
	26	+ }
	27	+ // loginfor
	28	+ .login-form-wrap {
	29	+ width: 95% !important;
	30	+ .text {
	31	+ width: 95% !important;
	32	+ }
	33	+ }
	34	+
	35	+ .signup-form-wrap {
	36	+ width: 95% !important;
	37	+ .popover.left {
	38	+ left: 24.375px !important;
	39	+ .popover-content {
	40	+ width: 150px !important;
	41	+ }
	42	+ }
	43	+ .text {
	44	+ width: 40% !important;
	45	+ }
	46	+ dl {
	47	+ text-align: right;
	48	+ }
	49	+ }
	50	+
	51	+ // gnb
	52	+ .gnb-usermenu-item {
	53	+ color: #5dbbe0 !important;
	54	+ }
	55	+ .gnb-usermenu-dropdown {
	56	+ color: #5dbbe0 !important;
	57	+ }
2	58	.span-left-pane {
3	59	width: 98% !important;
4	60	}
...	...	@@ -15,11 +71,15 @@
15	71	display: none;
16	72	}
17	73	.project-menu-nav li a {
18		- padding: 5px 15px 4px !important;
	74	+ padding: 5px 12px 4px 12px !important;
19	75	}
20	76	.project-menu-count {
21	77	position: absolute !important;
22	78	margin-top: -36px !important;
	79	+ }
	80	+
	81	+ .show-in-mobile {
	82	+ display: block !important;
23	83	}
24	84
25	85	.hide-in-mobile {
...	...	@@ -33,11 +93,15 @@
33	93	.comment-body {
34	94	padding: 10px 10px !important;
35	95	}
36		-
37	96	.textarea-box {
38		- padding-right: 2px !important;
	97	+ textarea {
	98	+ width: 100%;
	99	+ }
39	100	}
40	101
	102	+ .content-wrap .text {
	103	+ width: 95%;
	104	+ }
41	105	// override @media(1199px)
42	106	.unsupported {
43	107	min-width: 10px !important;
...	...	@@ -54,7 +118,6 @@
54	118
55	119	.board-body {
56	120	.content {
57		- padding: 0 !important;
58	121	}
59	122	}
60	123
...	...	@@ -97,32 +160,97 @@
97	160	}
98	161
99	162	.project-menu-count {
100		-
	163	+ background: none;
	164	+ color: inherit;
	165	+ font-weight: bold;
101	166	}
102	167
103	168	.project-menu-gruop {
104		- margin-left: 15px !important;
	169	+ margin-left: 0 !important;
105	170	}
106	171
107	172	.project-header-avatar {
108	173	left: 0 !important;
109	174	width: 50px !important;
110	175	height: 50px !important;
111		- bottom: 0 !important;
	176	+ bottom: -6px !important;
	177	+ border: 1px solid #f9f9f9 !important;
112	178	}
113	179
114	180	.project-breadcrumb-wrap {
115		- left: 60px !important;
	181	+ left: 52px !important;
	182	+ bottom: 5px !important;
	183	+ .project-name, .project-author {
	184	+ font-size: 0.7em;
	185	+ }
	186	+ }
	187	+
	188	+ .dropdown-menu.flat {
	189	+ .pop-title{
	190	+ white-space: normal !important;
	191	+ }
	192	+ &.right {
	193	+ width: 250px !important;
	194	+ right: 0 !important;
	195	+ left: inherit !important;
	196	+ }
	197	+ .pop-content {
	198	+ white-space: normal !important;
	199	+ }
	200	+ }
	201	+
	202	+ .project-header-wrap .project-util-wrap {
116	203	bottom: 10px !important;
	204	+ right: -25px !important;
117	205	}
118	206
119	207	.span-hard-wrap {
120	208	min-width: 95%;
121	209	margin-bottom: 10px;
	210	+ margin-left: 0 !important;
122	211	}
123	212	.nav-tabs li a {
124	213	padding-left: 20px !important;
125	214	padding-right: 20px !important;
	215	+ }
	216	+
	217	+ .readme .readme-wrap .readme-body {
	218	+ padding: 0;
	219	+ }
	220	+
	221	+ .search-wrap.underline{
	222	+ border-bottom: none !important;
	223	+ }
	224	+ .search-bar {
	225	+ width: 120px !important;
	226	+ .textbox {
	227	+ width: inherit !important;
	228	+ }
	229	+ }
	230	+
	231	+ .board-labels {
	232	+ width: 70px !important;
	233	+ }
	234	+
	235	+ .project-selects {
	236	+ width: 100px !important;
	237	+ }
	238	+
	239	+ .post-list .search-wrap form {
	240	+ width: inherit !important;
	241	+ }
	242	+
	243	+ .siteintro .siteintro-cover {
	244	+ overflow: inherit;
	245	+ width: inherit;
	246	+ }
	247	+ .feature-wrap {
	248	+ width: inherit !important;
	249	+ li {
	250	+ width: 95% !important;
	251	+ margin-top: 0 !important;
	252	+ margin-left: 0 !important;
	253	+ }
126	254	}
127	255	}
128	256
...	...	@@ -140,13 +268,12 @@
140	268	}
141	269
142	270	.gnb-outer {
143		- width: 100%;
144	271	max-width: 1199px;
145	272	min-width: 1000px;
146	273	padding:0 10px;
147	274
148	275	.gnb-inner {
149		- width:95%;
	276	+ width:100%;
150	277	max-width:980px;
151	278	}
152	279	}
...	...	@@ -174,8 +301,12 @@
174	301	}
175	302
176	303	.project-page-wrap {
177		- width: 95%;
	304	+ width: 97%;
178	305	max-width:980px;
	306	+ .project-breadcrumb {
	307	+ font-size: 1.5em;
	308	+ font-weight: bold;
	309	+ }
179	310	}
180	311
181	312	.site-breadcrumb-outer {

7d88f1e

309660c

app/views/board/view.scala.html

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

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


     <div class="project-page-wrap board-view">
     	@** Post Info **@
         <div class="board-header issue">
-            <div class="pull-right mr10 mt10">
+            <div class="pull-right mr10 mt10 hide-in-mobile">
                 <div class="date" title="@JodaDateUtil.getDateString(post.createdDate)">
                     @agoOrDateString(post.createdDate)
                 </div>
             </div>
             <div class="title">
                 <strong class="board-id">@post.getNumber</strong> @post.title
+                <div class="pull-right hide show-in-mobile" style="font-size: 0.7em">
+                    <div class="date" title="@JodaDateUtil.getDateString(post.createdDate)">
+                    @agoOrDateString(post.createdDate)
+                    </div>
+                </div>
             </div>
         </div>
 

7d88f1e

309660c

app/views/git/partial_list.scala.html

--- app/views/git/partial_list.scala.html

+++ app/views/git/partial_list.scala.html


             <div class="span2">
                 <div class="mt5 pull-right">
                     @if(req.receiver != null) {
-                        <a href="@routes.UserApp.userInfo(req.receiver.loginId)" class="avatar-wrap assinee" data-toggle="tooltip" data-placement="top" title="" data-original-title="@req.receiver.name">
+                        <a href="@routes.UserApp.userInfo(req.receiver.loginId)" class="avatar-wrap assinee hide-in-mobile" data-toggle="tooltip" data-placement="top" title="" data-original-title="@req.receiver.name">
                             <img src="@req.receiver.avatarUrl" width="32" height="32" alt="@req.receiver.name">
                         </a>
                     } else {
-                        <div class="empty-avatar-wrap">&nbsp;</div>
+                        <div class="empty-avatar-wrap hide-in-mobile">&nbsp;</div>
                     }
                 </div>
                 <div class="state @if(req.isConflict == true) {conflict} else { @req.state.toString.toLowerCase} pull-right">@if(req.isConflict == true) {@Messages("pullRequest.state.conflict")} else {@Messages("pullRequest.state." + req.state.toString.toLowerCase)}</div>

7d88f1e

309660c

app/views/git/partial_search.scala.html

--- app/views/git/partial_search.scala.html

+++ app/views/git/partial_search.scala.html


 }
 
   <div pjax-container class="row-fluid cb">
-    <div class="span2 search-wrap" style="padding-top:0;">
+    <div class="span2 search-wrap hide-in-mobile" style="padding-top:0;">
       <form id="search" name="search" action="@searchFormAction(condition.category)" method="get">
         <div class="search">
           <div class="search-bar">

         }
       </form>
     </div>
-    <div class="span10" id="span10">
+    <div class="span10 span-hard-wrap" id="span10">
       @if(project.isForkedFromOrigin) {
         @partial_recently_pushed_branches(project.getRecentlyPushedBranches)
       } else {

7d88f1e

309660c

app/views/index/index.scala.html

--- app/views/index/index.scala.html

+++ app/views/index/index.scala.html


             </div>
             <div class="page on-fold-intro">
                 <div class="row-fluid content-container">
-                    <div class="span8 main-stream">
+                    <div class="span8 main-stream hide-in-mobile">
                          <ul class="nav nav-tabs">
                             <li class="active">
                                 <a href="@routes.Application.index()">@Messages("notification")</a>

                             @partial_notifications(0, 20)
                         </ul>
         	        </div>
-                    <div class="span4">
+                    <div class="span4 span-hard-wrap">
                         <ul class="nav nav-tabs nm">
                             <li class="active">
                                 <a href="#myPorjectList" data-toggle="tab">

7d88f1e

309660c

app/views/issue/my_partial_list.scala.html

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

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


 @for(issue <- issueList){
 @defining(User.findByLoginId(issue.authorLoginId)){ user =>
     <li class="post-item" id="issue-item-@issue.id">
-        <div class="span10">
-            <a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge" data-toggle="tooltip" data-placement="top" title="@user.loginId">
+        <div class="span10 span-hard-wrap">
+            <a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge hide-in-mobile" data-toggle="tooltip" data-placement="top" title="@user.loginId">
                 @if(user.avatarUrl == UserApp.DEFAULT_AVATAR_URL){
                     <img src="@urlToPicture(user.email, 32)">
                 } else {

                 }
             </div>
         </div>
-        <div class="span2">
-            <div class="mt5 pull-right">
+        <div class="span2 hide-in-mobile">
+            <div class="mt5 pull-right hide-in-mobile">
                 @if(issue.assigneeName != null) {
                     <a href="@routes.UserApp.userInfo(issue.assignee.user.loginId)" class="avatar-wrap assinee" data-toggle="tooltip" data-placement="top" title="@Messages("issue.assignee"): @issue.assigneeName">
                         <img src="@issue.assignee.user.avatarUrl" width="32" height="32" alt="@issue.assigneeName">

7d88f1e

309660c

app/views/issue/my_partial_search.scala.html

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

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


 }
 
 <div pjax-container class="row-fluid issue-list-wrap">
-    <div class="span2">
+    <div class="span2 span-hard-wrap">
         <div class="inner advanced">
             @my_partial_list_quicksearch(param)
 
-            <hr>
+            <hr class="hide-in-mobile">
 
             <form id="search" name="search" action="@routes.IssueApp.userIssues()" method="get">
                 <input type="hidden" name="orderBy" value="@param.orderBy">

             }
         </div>
     </div>
-    <div class="span10" id="span10">
+    <div class="span10 span-hard-wrap" id="span10">
         <ul class="nav nav-tabs nm">
         @for(state <- Array(State.OPEN, State.CLOSED)) {
             <li @if(param.state == state.state) { class="active" } data-pjax>

7d88f1e

309660c

app/views/issue/view.scala.html

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

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


     <div class="project-page-wrap board-view">
         @** Post Info **@
         <div class="board-header issue">
-            <div class="pull-right mr10 mt10">
+            <div class="pull-right mr10 mt10 hide-in-mobile">
                 <div class="date" title="@JodaDateUtil.getDateString(issue.createdDate)">
                     @agoOrDateString(issue.createdDate)
                 </div>

             </div>
             <div class="title">
                 <strong class="board-id">#@issue.getNumber</strong> @issue.title
+                <div class="pull-right hide show-in-mobile" style="font-size: 0.7em">
+                    <span class="date" title="@JodaDateUtil.getDateString(issue.createdDate)">
+                    @agoOrDateString(issue.createdDate)
+                    </span>
+                    <span class="badge badge-small badge-issue-@issue.state.state.toLowerCase">@Messages("issue.state." + issue.state.state)</span>
+                </div>
             </div>
         </div>
-
         @** Content body **@
         <!--board-body-->
         <div class="board-body row-fluid">
             <div class="span9 span-left-pane">
                 <div class="author-info">
-                    <a href="@userInfo(issue.authorLoginId)" class="usf-group">
-                        <span class="avatar-wrap smaller">
-                            <img src="@User.findByLoginId(issue.authorLoginId).avatarUrl" width="20" height="20">
-                        </span>
-                        @if(issue.authorLoginId != null){
-                        <strong class="name">@issue.authorName</strong>
-                        <span class="loginid"> <strong>@{"@"}</strong>@issue.authorLoginId</span>
-                        } else {
-                        <strong class="name">@Messages("issue.noAuthor")</strong>
-                        }
-                    </a>
+                        <a href="@userInfo(issue.authorLoginId)" class="usf-group">
+                            <span class="avatar-wrap smaller">
+                                <img src="@User.findByLoginId(issue.authorLoginId).avatarUrl" width="20" height="20">
+                            </span>
+                            @if(issue.authorLoginId != null){
+                                <strong class="name">@issue.authorName</strong>
+                                <span class="loginid"> <strong>@{"@"}</strong>@issue.authorLoginId</span>
+                            } else {
+                                <strong class="name">@Messages("issue.noAuthor")</strong>
+                            }
+                        </a>
                 </div>
 
                 @if(StringUtils.isEmpty(issue.body)){

7d88f1e

309660c

app/views/organization/group_board_list_partial.scala.html

--- app/views/organization/group_board_list_partial.scala.html

+++ app/views/organization/group_board_list_partial.scala.html


 @import utils.TemplateHelper._
 @defining(User.findByLoginId(post.authorLoginId)){ user =>
 <li class="post-item">
-    <a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge" data-toggle="tooltip" data-placement="top" title="@user.loginId">
+    <a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge hide-in-mobile" data-toggle="tooltip" data-placement="top" title="@user.loginId">
         @if(user.avatarUrl == UserApp.DEFAULT_AVATAR_URL){
             <img src="@urlToPicture(user.email, 32)">
         } else {

7d88f1e

309660c

app/views/organization/group_issue_list_partial.scala.html

--- app/views/organization/group_issue_list_partial.scala.html

+++ app/views/organization/group_issue_list_partial.scala.html


 @for(issue <- issueList){
 @defining(User.findByLoginId(issue.authorLoginId)){ user =>
     <li class="post-item" id="issue-item-@issue.id">
-        <div class="span10">
-            <a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge" data-toggle="tooltip" data-placement="top" title="@user.loginId">
+        <div class="span10 span-hard-wrap">
+            <a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge hide-in-mobile" data-toggle="tooltip" data-placement="top" title="@user.loginId">
                 @if(user.avatarUrl == UserApp.DEFAULT_AVATAR_URL){
                     <img src="@urlToPicture(user.email, 32)">
                 } else {

                 <span class="infos-item" title="@JodaDateUtil.getDateString(issue.createdDate)">
                 @agoOrDateString(issue.createdDate)
                 </span>
-
-                <a href="@routes.ProjectApp.project(issue.project.owner,issue.project.name)" class="infos-link-item group-project-name pull-left">
-                @issue.project.name
-                </a>
 
                 @if(issue.milestone != null && issue.project != null && issue.project.menuSetting != null && issue.project.menuSetting.milestone) {
                 <span class="infos-item mileston-tag">

                 }
             </div>
         </div>
-        <div class="span2">
+        <div class="span2 hide-in-mobile">
             <div class="mt5 pull-right">
                 @if(issue.assigneeName != null) {
                     <a href="@routes.UserApp.userInfo(issue.assignee.user.loginId)" class="avatar-wrap assinee" data-toggle="tooltip" data-placement="top" title="@Messages("issue.assignee"): @issue.assigneeName">

7d88f1e

309660c

app/views/organization/group_issue_search_partial.scala.html

--- app/views/organization/group_issue_search_partial.scala.html

+++ app/views/organization/group_issue_search_partial.scala.html


 }
 
 <div pjax-container class="row-fluid issue-list-wrap">
-    <div class="span2">
+    <div class="span2 span-hard-wrap">
         <div class="inner advanced">
             @group_issue_list_quicksearch(param)
 

             </form>
         </div>
     </div>
-    <div class="span10" id="span10">
+    <div class="span10 span-hard-wrap" id="span10">
         <ul class="nav nav-tabs nm">
         @for(state <- Array(State.OPEN, State.CLOSED)) {
             <li @if(param.state == state.state) { class="active" }>

7d88f1e

309660c

app/views/organization/members.scala.html

--- app/views/organization/members.scala.html

+++ app/views/organization/members.scala.html


         <ul class="members project row-fluid">
         @for(member <- organization.users){
             @if(member.user != null){
-                <li class="member span6">
+                <li class="member span6 span-hard-wrap">
                     <a href="@routes.UserApp.userInfo(member.user.loginId)" class="avatar-wrap mlarge pull-left mr10">
                         <img src="@User.findByLoginId(member.user.loginId).avatarUrl" width="64" height="64">
                     </a>

7d88f1e

309660c

app/views/organization/view.scala.html

--- app/views/organization/view.scala.html

+++ app/views/organization/view.scala.html


 <div class="page-wrap-outer">
     <div class="project-page-wrap">
         <div class="project-home-header row-fluid">
-            <div class="span9">
+            <div class="span9 span-hard-wrap">
                 <div class="project-overview">
                     <h3><span id="project-description">@org.descr</span></h3>
                 </div>

                     @for(project <- org.getVisibleProjects(UserApp.currentUser())) {
                     <li class="project" data-item="project-item" data-value="@project.name @project.overview">
                         <div class="info-wrap">
-                            <div class="owner-avatar-wrap">
+                            <div class="owner-avatar-wrap hide-in-mobile">
                                 <a href="@routes.ProjectApp.project(project.owner,project.name)">
                                     <img src="@urlToProjectLogo(project)" alt="@project.name"/>
                                 </a>

                     }
                 </ul>
             </div>
-            <div class="span3">
+            <div class="span3 span-hard-wrap">
                 <div class="bubble-wrap gray project-home">
                     <div class="inner member-info">
                         <header>

7d88f1e

309660c

app/views/project/header.scala.html

--- app/views/project/header.scala.html

+++ app/views/project/header.scala.html


             </div>
             <div class="project-breadcrumb-wrap @if(project.isForkedFromOrigin){fork}">
                 <div class="project-breadcrumb">
-                    <span class="project-author"><a href="@routes.UserApp.userInfo(project.owner)">@project.owner</a></span>
-                    <span class="project-separator">/</span>
+                    <span class="project-author hide-in-mobile"><a href="@routes.UserApp.userInfo(project.owner)">@project.owner</a></span>
+                    <span class="project-separator hide-in-mobile">/</span>
                     <span class="project-name"><a href="@routes.ProjectApp.project(project.owner, project.name)">@project.name</a></span>
                     @if(project.isPrivate){
                     <span class="project-private">

7d88f1e

309660c

app/views/project/home.scala.html

--- app/views/project/home.scala.html

+++ app/views/project/home.scala.html


 @projectMenu(project, utils.MenuType.PROJECT_HOME, "")
 <div class="page-wrap-outer">
     <div class="project-page-wrap">
+        <div class="project-breadcrumb hide show-in-mobile">
+            <span class="project-author"><a href="@routes.UserApp.userInfo(project.owner)">@project.owner</a></span>
+            <span class="project-separator">/</span>
+            <span class="project-name"><a href="@routes.ProjectApp.project(project.owner, project.name)">@project.name</a></span>
+            @if(project.isPrivate){
+                <span class="project-private">
+                    <i class="yobicon-lock"></i>
+                </span>
+            }
+        </div>
         <div class="project-home-header row-fluid">
-            <div class="project-overview span9">
+            <div class="project-overview span9 span-hard-wrap">
                 <div class="project-description" data-toggle="project-description-tab">
                 <h3><span id="project-description" class="markdown-wrap">@if(StringUtils.isEmpty(project.overview)) {@Messages("project.description.placeholder")} else {@Html(Markdown.render(project.overview))}</span>
                     @if(isAllowed(UserApp.currentUser(), project.asResource(), Operation.UPDATE)){

                 </div>
             </div>
             @if(project.menuSetting.code) {
-                <div class="project-clone-wrap span3">
+                <div class="project-clone-wrap span3 hide-in-mobile">
                     <input type="text" class="project-clone-url" id="cloneURL" readonly="readonly" value="@if(project.isGit){@CodeApp.getURLWithLoginId(project)} else {@CodeApp.getURL(project)}">
                     <button class="ybtn project-clone-button" id="cloneURLBtn">@Messages("code.copyUrl")</button>
                 </div>

7d88f1e

309660c

app/views/project/members.scala.html

--- app/views/project/members.scala.html

+++ app/views/project/members.scala.html


         <ul class="members project row-fluid">
             @for(member <- members){
                 @if(member.user != null){
-            <li class="member span6">
+            <li class="member span6 span-hard-wrap">
                 <a href="@routes.UserApp.userInfo(member.user.loginId)" class="avatar-wrap mlarge pull-left mr10">
                     <img src="@User.findByLoginId(member.user.loginId).avatarUrl" width="64" height="64">
                 </a>

Add a comment

Open 0
Closed 0

List

...	...	@@ -3568,7 +3568,6 @@
3568	3568	float: left;
3569	3569
3570	3570	&.item-icon {
3571		- background-color:#F7F7F7;
3572	3571	color:#3592b5;
3573	3572	font-size: 9px;
3574	3573	padding-top:2px;

...	...	@@ -120,7 +120,7 @@
120	120	}
121	121
122	122	ul {
123		- padding:0px 20px;
	123	+ padding:0 0 0 20px;
124	124	line-height:20px;
125	125	list-style:disc;
126	126	}
...	...	@@ -140,7 +140,7 @@
140	140
141	141
142	142	ol{
143		- padding:0px 20px;
	143	+ padding:0 0 0 20px;
144	144	line-height:20px;
145	145	list-style:decimal;
146	146	}

...	...	@@ -42,13 +42,18 @@
42	42	<div class="project-page-wrap board-view">
43	43	@ Post Info @
44	44	<div class="board-header issue">
45		- <div class="pull-right mr10 mt10">
	45	+ <div class="pull-right mr10 mt10 hide-in-mobile">
46	46	<div class="date" title="@JodaDateUtil.getDateString(post.createdDate)">
47	47	@agoOrDateString(post.createdDate)
48	48	</div>
49	49	</div>
50	50	<div class="title">
51	51	<strong class="board-id">@post.getNumber</strong> @post.title
	52	+ <div class="pull-right hide show-in-mobile" style="font-size: 0.7em">
	53	+ <div class="date" title="@JodaDateUtil.getDateString(post.createdDate)">
	54	+ @agoOrDateString(post.createdDate)
	55	+ </div>
	56	+ </div>
52	57	</div>
53	58	</div>
54	59

...	...	@@ -86,11 +86,11 @@
86	86	<div class="span2">
87	87	<div class="mt5 pull-right">
88	88	@if(req.receiver != null) {
89		- <a href="@routes.UserApp.userInfo(req.receiver.loginId)" class="avatar-wrap assinee" data-toggle="tooltip" data-placement="top" title="" data-original-title="@req.receiver.name">
	89	+ <a href="@routes.UserApp.userInfo(req.receiver.loginId)" class="avatar-wrap assinee hide-in-mobile" data-toggle="tooltip" data-placement="top" title="" data-original-title="@req.receiver.name">
90	90	<img src="@req.receiver.avatarUrl" width="32" height="32" alt="@req.receiver.name">
91	91	</a>
92	92	} else {
93		- <div class="empty-avatar-wrap"> </div>
	93	+ <div class="empty-avatar-wrap hide-in-mobile"> </div>
94	94	}
95	95	</div>
96	96	<div class="state @if(req.isConflict == true) {conflict} else { @req.state.toString.toLowerCase} pull-right">@if(req.isConflict == true) {@Messages("pullRequest.state.conflict")} else {@Messages("pullRequest.state." + req.state.toString.toLowerCase)}</div>

...	...	@@ -45,7 +45,7 @@
45	45	}
46	46
47	47	<div pjax-container class="row-fluid cb">
48		- <div class="span2 search-wrap" style="padding-top:0;">
	48	+ <div class="span2 search-wrap hide-in-mobile" style="padding-top:0;">
49	49	<form id="search" name="search" action="@searchFormAction(condition.category)" method="get">
50	50	<div class="search">
51	51	<div class="search-bar">
...	...	@@ -80,7 +80,7 @@
80	80	}
81	81	</form>
82	82	</div>
83		- <div class="span10" id="span10">
	83	+ <div class="span10 span-hard-wrap" id="span10">
84	84	@if(project.isForkedFromOrigin) {
85	85	@partial_recently_pushed_branches(project.getRecentlyPushedBranches)
86	86	} else {

...	...	@@ -65,7 +65,7 @@
65	65	</div>
66	66	<div class="page on-fold-intro">
67	67	<div class="row-fluid content-container">
68		- <div class="span8 main-stream">
	68	+ <div class="span8 main-stream hide-in-mobile">
69	69	<ul class="nav nav-tabs">
70	70	<li class="active">
71	71	<a href="@routes.Application.index()">@Messages("notification")</a>
...	...	@@ -78,7 +78,7 @@
78	78	@partial_notifications(0, 20)
79	79	</ul>
80	80	</div>
81		- <div class="span4">
	81	+ <div class="span4 span-hard-wrap">
82	82	<ul class="nav nav-tabs nm">
83	83	<li class="active">
84	84	<a href="#myPorjectList" data-toggle="tab">

...	...	@@ -32,8 +32,8 @@
32	32	@for(issue <- issueList){
33	33	@defining(User.findByLoginId(issue.authorLoginId)){ user =>
34	34	<li class="post-item" id="issue-item-@issue.id">
35		- <div class="span10">
36		- <a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge" data-toggle="tooltip" data-placement="top" title="@user.loginId">
	35	+ <div class="span10 span-hard-wrap">
	36	+ <a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge hide-in-mobile" data-toggle="tooltip" data-placement="top" title="@user.loginId">
37	37	@if(user.avatarUrl == UserApp.DEFAULT_AVATAR_URL){
38	38	<img src="@urlToPicture(user.email, 32)">
39	39	} else {
...	...	@@ -86,8 +86,8 @@
86	86	}
87	87	</div>
88	88	</div>
89		- <div class="span2">
90		- <div class="mt5 pull-right">
	89	+ <div class="span2 hide-in-mobile">
	90	+ <div class="mt5 pull-right hide-in-mobile">
91	91	@if(issue.assigneeName != null) {
92	92	<a href="@routes.UserApp.userInfo(issue.assignee.user.loginId)" class="avatar-wrap assinee" data-toggle="tooltip" data-placement="top" title="@Messages("issue.assignee"): @issue.assigneeName">
93	93	<img src="@issue.assignee.user.avatarUrl" width="32" height="32" alt="@issue.assigneeName">

...	...	@@ -34,11 +34,11 @@
34	34	}
35	35
36	36	<div pjax-container class="row-fluid issue-list-wrap">
37		- <div class="span2">
	37	+ <div class="span2 span-hard-wrap">
38	38	<div class="inner advanced">
39	39	@my_partial_list_quicksearch(param)
40	40
41		- <hr>
	41	+ <hr class="hide-in-mobile">
42	42
43	43	<form id="search" name="search" action="@routes.IssueApp.userIssues()" method="get">
44	44	<input type="hidden" name="orderBy" value="@param.orderBy">
...	...	@@ -65,7 +65,7 @@
65	65	}
66	66	</div>
67	67	</div>
68		- <div class="span10" id="span10">
	68	+ <div class="span10 span-hard-wrap" id="span10">
69	69	<ul class="nav nav-tabs nm">
70	70	@for(state <- Array(State.OPEN, State.CLOSED)) {
71	71	<li @if(param.state == state.state) { class="active" } data-pjax>

...	...	@@ -68,7 +68,7 @@
68	68	<div class="project-page-wrap board-view">
69	69	@ Post Info @
70	70	<div class="board-header issue">
71		- <div class="pull-right mr10 mt10">
	71	+ <div class="pull-right mr10 mt10 hide-in-mobile">
72	72	<div class="date" title="@JodaDateUtil.getDateString(issue.createdDate)">
73	73	@agoOrDateString(issue.createdDate)
74	74	</div>
...	...	@@ -76,25 +76,30 @@
76	76	</div>
77	77	<div class="title">
78	78	<strong class="board-id">#@issue.getNumber</strong> @issue.title
	79	+ <div class="pull-right hide show-in-mobile" style="font-size: 0.7em">
	80	+ <span class="date" title="@JodaDateUtil.getDateString(issue.createdDate)">
	81	+ @agoOrDateString(issue.createdDate)
	82	+ </span>
	83	+ <span class="badge badge-small badge-issue-@issue.state.state.toLowerCase">@Messages("issue.state." + issue.state.state)</span>
	84	+ </div>
79	85	</div>
80	86	</div>
81		-
82	87	@ Content body @
83	88	<!--board-body-->
84	89	<div class="board-body row-fluid">
85	90	<div class="span9 span-left-pane">
86	91	<div class="author-info">
87		- <a href="@userInfo(issue.authorLoginId)" class="usf-group">
88		- <span class="avatar-wrap smaller">
89		- <img src="@User.findByLoginId(issue.authorLoginId).avatarUrl" width="20" height="20">
90		- </span>
91		- @if(issue.authorLoginId != null){
92		- <strong class="name">@issue.authorName</strong>
93		- <span class="loginid"> <strong>@{"@"}</strong>@issue.authorLoginId</span>
94		- } else {
95		- <strong class="name">@Messages("issue.noAuthor")</strong>
96		- }
97		- </a>
	92	+ <a href="@userInfo(issue.authorLoginId)" class="usf-group">
	93	+ <span class="avatar-wrap smaller">
	94	+ <img src="@User.findByLoginId(issue.authorLoginId).avatarUrl" width="20" height="20">
	95	+ </span>
	96	+ @if(issue.authorLoginId != null){
	97	+ <strong class="name">@issue.authorName</strong>
	98	+ <span class="loginid"> <strong>@{"@"}</strong>@issue.authorLoginId</span>
	99	+ } else {
	100	+ <strong class="name">@Messages("issue.noAuthor")</strong>
	101	+ }
	102	+ </a>
98	103	</div>
99	104
100	105	@if(StringUtils.isEmpty(issue.body)){

...	...	@@ -24,7 +24,7 @@
24	24	@import utils.TemplateHelper._
25	25	@defining(User.findByLoginId(post.authorLoginId)){ user =>
26	26	<li class="post-item">
27		- <a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge" data-toggle="tooltip" data-placement="top" title="@user.loginId">
	27	+ <a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge hide-in-mobile" data-toggle="tooltip" data-placement="top" title="@user.loginId">
28	28	@if(user.avatarUrl == UserApp.DEFAULT_AVATAR_URL){
29	29	<img src="@urlToPicture(user.email, 32)">
30	30	} else {

...	...	@@ -34,7 +34,7 @@
34	34	}
35	35
36	36	<div pjax-container class="row-fluid issue-list-wrap">
37		- <div class="span2">
	37	+ <div class="span2 span-hard-wrap">
38	38	<div class="inner advanced">
39	39	@group_issue_list_quicksearch(param)
40	40
...	...	@@ -63,7 +63,7 @@
63	63	</form>
64	64	</div>
65	65	</div>
66		- <div class="span10" id="span10">
	66	+ <div class="span10 span-hard-wrap" id="span10">
67	67	<ul class="nav nav-tabs nm">
68	68	@for(state <- Array(State.OPEN, State.CLOSED)) {
69	69	<li @if(param.state == state.state) { class="active" }>

...	...	@@ -47,7 +47,7 @@
47	47	<ul class="members project row-fluid">
48	48	@for(member <- organization.users){
49	49	@if(member.user != null){
50		- <li class="member span6">
	50	+ <li class="member span6 span-hard-wrap">
51	51	<a href="@routes.UserApp.userInfo(member.user.loginId)" class="avatar-wrap mlarge pull-left mr10">
52	52	<img src="@User.findByLoginId(member.user.loginId).avatarUrl" width="64" height="64">
53	53	</a>

...	...	@@ -57,7 +57,7 @@
57	57	<div class="page-wrap-outer">
58	58	<div class="project-page-wrap">
59	59	<div class="project-home-header row-fluid">
60		- <div class="span9">
	60	+ <div class="span9 span-hard-wrap">
61	61	<div class="project-overview">
62	62	<h3><span id="project-description">@org.descr</span></h3>
63	63	</div>
...	...	@@ -78,7 +78,7 @@
78	78	@for(project <- org.getVisibleProjects(UserApp.currentUser())) {
79	79	<li class="project" data-item="project-item" data-value="@project.name @project.overview">
80	80	<div class="info-wrap">
81		- <div class="owner-avatar-wrap">
	81	+ <div class="owner-avatar-wrap hide-in-mobile">
82	82	<a href="@routes.ProjectApp.project(project.owner,project.name)">
83	83	<img src="@urlToProjectLogo(project)" alt="@project.name"/>
84	84	</a>
...	...	@@ -136,7 +136,7 @@
136	136	}
137	137	</ul>
138	138	</div>
139		- <div class="span3">
	139	+ <div class="span3 span-hard-wrap">
140	140	<div class="bubble-wrap gray project-home">
141	141	<div class="inner member-info">
142	142	<header>

...	...	@@ -36,8 +36,18 @@
36	36	@projectMenu(project, utils.MenuType.PROJECT_HOME, "")
37	37	<div class="page-wrap-outer">
38	38	<div class="project-page-wrap">
	39	+ <div class="project-breadcrumb hide show-in-mobile">
	40	+ <span class="project-author"><a href="@routes.UserApp.userInfo(project.owner)">@project.owner</a></span>
	41	+ <span class="project-separator">/</span>
	42	+ <span class="project-name"><a href="@routes.ProjectApp.project(project.owner, project.name)">@project.name</a></span>
	43	+ @if(project.isPrivate){
	44	+ <span class="project-private">
	45	+ <i class="yobicon-lock"></i>
	46	+ </span>
	47	+ }
	48	+ </div>
39	49	<div class="project-home-header row-fluid">
40		- <div class="project-overview span9">
	50	+ <div class="project-overview span9 span-hard-wrap">
41	51	<div class="project-description" data-toggle="project-description-tab">
42	52	<h3><span id="project-description" class="markdown-wrap">@if(StringUtils.isEmpty(project.overview)) {@Messages("project.description.placeholder")} else {@Html(Markdown.render(project.overview))}</span>
43	53	@if(isAllowed(UserApp.currentUser(), project.asResource(), Operation.UPDATE)){
...	...	@@ -53,7 +63,7 @@
53	63	</div>
54	64	</div>
55	65	@if(project.menuSetting.code) {
56		- <div class="project-clone-wrap span3">
	66	+ <div class="project-clone-wrap span3 hide-in-mobile">
57	67	<input type="text" class="project-clone-url" id="cloneURL" readonly="readonly" value="@if(project.isGit){@CodeApp.getURLWithLoginId(project)} else {@CodeApp.getURL(project)}">
58	68	<button class="ybtn project-clone-button" id="cloneURLBtn">@Messages("code.copyUrl")</button>
59	69	</div>

...	...	@@ -47,7 +47,7 @@
47	47	<ul class="members project row-fluid">
48	48	@for(member <- members){
49	49	@if(member.user != null){
50		- <li class="member span6">
	50	+ <li class="member span6 span-hard-wrap">
51	51	<a href="@routes.UserApp.userInfo(member.user.loginId)" class="avatar-wrap mlarge pull-left mr10">
52	52	<img src="@User.findByLoginId(member.user.loginId).avatarUrl" width="64" height="64">
53	53	</a>

Delete comment