mobile: Add more mobile support pages - part2
@49a97cf6cc2daf0465e4f2b9dcfa81dc9c2fc70e
--- app/assets/stylesheets/less/_reponsive.less
+++ app/assets/stylesheets/less/_reponsive.less
... | ... | @@ -1,4 +1,97 @@ |
1 |
-@media all and (max-width: 600px){ |
|
1 |
+@media all and (max-width: 640px){ |
|
2 |
+ .post-list-wrap { |
|
3 |
+ .post-item { |
|
4 |
+ padding: 10px 0 !important; |
|
5 |
+ } |
|
6 |
+ } |
|
7 |
+ .site-guide-outer { |
|
8 |
+ margin: 40px 0 0 !important; |
|
9 |
+ } |
|
10 |
+ .board-comment-wrap .comments .event .commit-list{ |
|
11 |
+ margin: 10px 0 !important; |
|
12 |
+ } |
|
13 |
+ .dropdown-toggle .d-label { |
|
14 |
+ width: inherit !important; |
|
15 |
+ } |
|
16 |
+ .yobiDialog { |
|
17 |
+ padding: 5px 5px !important; |
|
18 |
+ width: 85% !important; |
|
19 |
+ } |
|
20 |
+ .modal { |
|
21 |
+ left: inherit !important; |
|
22 |
+ margin-left: inherit !important; |
|
23 |
+ width: inherit !important; |
|
24 |
+ } |
|
25 |
+ .inner-bubble .text.uname { |
|
26 |
+ width: inherit !important; |
|
27 |
+ } |
|
28 |
+ |
|
29 |
+ .input-webhook-payload { |
|
30 |
+ width: inherit !important; |
|
31 |
+ } |
|
32 |
+ |
|
33 |
+ .box-wrap { |
|
34 |
+ padding: 10px 0 !important; |
|
35 |
+ .setting-box.left .logo-wrap { |
|
36 |
+ width: 100px !important; |
|
37 |
+ height: 100px !important; |
|
38 |
+ } |
|
39 |
+ .setting-box.right { |
|
40 |
+ padding-left: 0 !important; |
|
41 |
+ border-left: none !important; |
|
42 |
+ } |
|
43 |
+ .textarea { |
|
44 |
+ width: inherit !important; |
|
45 |
+ } |
|
46 |
+ } |
|
47 |
+ |
|
48 |
+ .codediff-wrap .review-wrap .review-container { |
|
49 |
+ position: inherit !important; |
|
50 |
+ } |
|
51 |
+ |
|
52 |
+ .diff-body .diff-partial-outer { |
|
53 |
+ margin-left: 15px; |
|
54 |
+ } |
|
55 |
+ .review-form .write-comment-box { |
|
56 |
+ margin-left: 0 !important; |
|
57 |
+ } |
|
58 |
+ |
|
59 |
+ .codediff-wrap { |
|
60 |
+ .diffs-wrap { |
|
61 |
+ margin-right: inherit !important; |
|
62 |
+ |
|
63 |
+ } |
|
64 |
+ .review-wrap { |
|
65 |
+ position: inherit !important; |
|
66 |
+ } |
|
67 |
+ } |
|
68 |
+ // hack for iphone to prevent zoom? |
|
69 |
+ input[type='text'], |
|
70 |
+ input[type='number'], |
|
71 |
+ input[type='password'], |
|
72 |
+ textarea { |
|
73 |
+ font-size: 16px !important; |
|
74 |
+ } |
|
75 |
+ |
|
76 |
+ // |
|
77 |
+ |
|
78 |
+ .search-wrap { |
|
79 |
+ height: inherit !important; |
|
80 |
+ } |
|
81 |
+ .gnb-inner .logo:after { |
|
82 |
+ margin-left: inherit !important; |
|
83 |
+ } |
|
84 |
+ .media-body .meta-info { |
|
85 |
+ padding: 5px 5px !important; |
|
86 |
+ } |
|
87 |
+ .comments .event { |
|
88 |
+ padding-left: 5px !important; |
|
89 |
+ } |
|
90 |
+ .markdown-wrap { |
|
91 |
+ p, ul, ol { |
|
92 |
+ font-size: 15px !important; |
|
93 |
+ } |
|
94 |
+ } |
|
2 | 95 |
.board-header .date { |
3 | 96 |
margin-right: 5px !important; |
4 | 97 |
} |
... | ... | @@ -16,7 +109,7 @@ |
16 | 109 |
} |
17 | 110 |
.loginDialog { |
18 | 111 |
margin-left: 0 !important; |
19 |
- width: 100%; |
|
112 |
+ width: 100% !important; |
|
20 | 113 |
.login-form-wrap{ |
21 | 114 |
width: inherit; |
22 | 115 |
.text { |
... | ... | @@ -132,6 +225,10 @@ |
132 | 225 |
min-width: 10px !important; |
133 | 226 |
} |
134 | 227 |
|
228 |
+ .project-page-wrap { |
|
229 |
+ margin-top: 5px !important; |
|
230 |
+ } |
|
231 |
+ |
|
135 | 232 |
.page-footer-outer { |
136 | 233 |
min-width: 10px !important; |
137 | 234 |
} |
... | ... | @@ -206,12 +303,11 @@ |
206 | 303 |
|
207 | 304 |
.span-hard-wrap { |
208 | 305 |
min-width: 95%; |
209 |
- margin-bottom: 10px; |
|
210 | 306 |
margin-left: 0 !important; |
211 | 307 |
} |
212 | 308 |
.nav-tabs li a { |
213 |
- padding-left: 20px !important; |
|
214 |
- padding-right: 20px !important; |
|
309 |
+ padding-left: 5px !important; |
|
310 |
+ padding-right: 5px !important; |
|
215 | 311 |
} |
216 | 312 |
|
217 | 313 |
.readme .readme-wrap .readme-body { |
... | ... | @@ -222,7 +318,7 @@ |
222 | 318 |
border-bottom: none !important; |
223 | 319 |
} |
224 | 320 |
.search-bar { |
225 |
- width: 120px !important; |
|
321 |
+ margin: 5px 0; |
|
226 | 322 |
.textbox { |
227 | 323 |
width: inherit !important; |
228 | 324 |
} |
... | ... | @@ -236,8 +332,16 @@ |
236 | 332 |
width: 100px !important; |
237 | 333 |
} |
238 | 334 |
|
239 |
- .post-list .search-wrap form { |
|
240 |
- width: inherit !important; |
|
335 |
+ .post-list { |
|
336 |
+ .ybtn-success { |
|
337 |
+ margin-top: 6px; |
|
338 |
+ } |
|
339 |
+ .search-wrap form { |
|
340 |
+ width: inherit !important; |
|
341 |
+ .search-bar { |
|
342 |
+ width: 120px !important; |
|
343 |
+ } |
|
344 |
+ } |
|
241 | 345 |
} |
242 | 346 |
|
243 | 347 |
.siteintro .siteintro-cover { |
--- app/views/code/diff.scala.html
+++ app/views/code/diff.scala.html
... | ... | @@ -121,7 +121,7 @@ |
121 | 121 |
@** // BlockComment **@ |
122 | 122 |
</div> |
123 | 123 |
|
124 |
- <div class="review-wrap"> |
|
124 |
+ <div class="review-wrap span-hard-wrap"> |
|
125 | 125 |
<div class="review-container"> |
126 | 126 |
<button type="button" class="ybtn ybtn-default btn-hide-reviewcards"> |
127 | 127 |
<i class="yobicon-maximize"></i> |
--- app/views/common/reviewForm.scala.html
+++ app/views/common/reviewForm.scala.html
... | ... | @@ -25,7 +25,7 @@ |
25 | 25 |
|
26 | 26 |
<div id="review-form" class="review-form"> |
27 | 27 |
<form action="@action" method="post" enctype="multipart/form-data"> |
28 |
- <div class="author-info-wrap pull-left"> |
|
28 |
+ <div class="author-info-wrap pull-left hide-in-mobile"> |
|
29 | 29 |
<div class="author-info"> |
30 | 30 |
@defining(UserApp.currentUser()){ currentUser => |
31 | 31 |
<a href="@routes.UserApp.userInfo(currentUser.loginId)" class="avatar-wrap medium" data-toggle="tooltip" data-placement="top" title="" data-original-title="@currentUser.name"> |
--- app/views/git/partial_list.scala.html
+++ app/views/git/partial_list.scala.html
... | ... | @@ -29,7 +29,7 @@ |
29 | 29 |
@for(req <- page.getList.iterator) { |
30 | 30 |
@defining(User.findByLoginId(req.contributor.loginId)){ user => |
31 | 31 |
<li class="post-item"> |
32 |
- <div class="span10"> |
|
32 |
+ <div class="span10 span-hard-wrap"> |
|
33 | 33 |
<a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge" data-toggle="tooltip" data-placement="top" title="@user.loginId"> |
34 | 34 |
@if(user.avatarUrl == UserApp.DEFAULT_AVATAR_URL){ |
35 | 35 |
<img src="@urlToPicture(user.email, 32)"> |
... | ... | @@ -83,14 +83,14 @@ |
83 | 83 |
} |
84 | 84 |
</div> |
85 | 85 |
</div> |
86 |
- <div class="span2"> |
|
87 |
- <div class="mt5 pull-right"> |
|
86 |
+ <div class="span2 hide-in-mobile"> |
|
87 |
+ <div class="mt5 pull-right hide-in-mobile"> |
|
88 | 88 |
@if(req.receiver != null) { |
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"> |
|
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"> |
|
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 hide-in-mobile"> </div> |
|
93 |
+ <div class="empty-avatar-wrap"> </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> |
--- app/views/git/partial_pull_request_event.scala.html
+++ app/views/git/partial_pull_request_event.scala.html
... | ... | @@ -117,13 +117,13 @@ |
117 | 117 |
@commit.commitShortId |
118 | 118 |
</a> |
119 | 119 |
@if(!author.isAnonymous()) { |
120 |
- <a href="@routes.UserApp.userInfo(author.loginId)" class="avatar-wrap small" data-toggle="tooltip" data-placement="top" title="@User.findByLoginId(author.loginId).name"> |
|
120 |
+ <a href="@routes.UserApp.userInfo(author.loginId)" class="avatar-wrap small hide-in-mobile" data-toggle="tooltip" data-placement="top" title="@User.findByLoginId(author.loginId).name"> |
|
121 | 121 |
<img src="@author.avatarUrl" alt="@author.name"> @commit.authorEmail |
122 | 122 |
</a> |
123 | 123 |
} else { |
124 |
- <img src="@urlToPicture(commit.getAuthorEmail, 32)" class="avatar-wrap small"> |
|
124 |
+ <img src="@urlToPicture(commit.getAuthorEmail, 32)" class="avatar-wrap small hide-in-mobile"> |
|
125 | 125 |
} |
126 |
- <div class="date" title="@getDateString(commit.authorDate)">@utils.TemplateHelper.agoOrDateString(commit.authorDate)</div> |
|
126 |
+ <div class="date hide-in-mobile" title="@getDateString(commit.authorDate)">@utils.TemplateHelper.agoOrDateString(commit.authorDate)</div> |
|
127 | 127 |
|
128 | 128 |
@common.commitMsg(commit.getCommitMessage.split("\n")(0), commit.getCommitMessage, |
129 | 129 |
routes.PullRequestApp.specificChange(pull.toProject.owner, pull.toProject.name, pull.number, commit.commitId).toString) |
--- app/views/partial_comment_form_on_thread.scala.html
+++ app/views/partial_comment_form_on_thread.scala.html
... | ... | @@ -38,7 +38,7 @@ |
38 | 38 |
<div class="write-comment-form"> |
39 | 39 |
<form action="@urlToPostNewComment(thread)" method="post" enctype="multipart/form-data" class="review-form" style="display:block;"> |
40 | 40 |
<input type="hidden" name="thread.id" value="@thread.id"> |
41 |
- <div class="author-info-wrap pull-left"> |
|
41 |
+ <div class="author-info-wrap pull-left hide-in-mobile"> |
|
42 | 42 |
<div class="author-info"> |
43 | 43 |
<a href="@routes.UserApp.userInfo(UserApp.currentUser().loginId)" class="avatar-wrap medium" |
44 | 44 |
title="@UserApp.currentUser().name" data-toggle="tooltip" data-placement="top"> |
--- app/views/reviewthread/list.scala.html
+++ app/views/reviewthread/list.scala.html
... | ... | @@ -44,7 +44,7 @@ |
44 | 44 |
|
45 | 45 |
<div class="project-page-wrap"> |
46 | 46 |
<div class="row-fluid issue-list-wrap"> |
47 |
- <div class="span2 search-wrap"> |
|
47 |
+ <div class="span2 search-wrap span-hard-wrap"> |
|
48 | 48 |
<div class="inner advanced"> |
49 | 49 |
<ul class="lst-stacked unstyled"> |
50 | 50 |
<li @if(param.participantId == null && param.authorId == null){class="active"}> |
... | ... | @@ -72,15 +72,15 @@ |
72 | 72 |
<input type="hidden" name="orderDir" value="@param.orderDir"> |
73 | 73 |
<input type="hidden" name="orderBy" value="@param.orderBy"> |
74 | 74 |
<input type="hidden" name="state" value="@param.state"> |
75 |
- <hr> |
|
76 |
- <div class="search-bar"> |
|
75 |
+ <hr class="hide-in-mobile"> |
|
76 |
+ <div class="search-bar span-hard-wrap"> |
|
77 | 77 |
<input name="filter" class="textbox full" type="text" value="@param.filter"> |
78 | 78 |
<button type="submit" class="search-btn"><i class="yobicon-search"></i></button> |
79 | 79 |
</div> |
80 | 80 |
</form> |
81 | 81 |
</div> |
82 | 82 |
</div> |
83 |
- <div class="span10"> |
|
83 |
+ <div class="span10 span-hard-wrap"> |
|
84 | 84 |
<div class="pull-right filters"> |
85 | 85 |
@makeSortLink("createdDate", Messages("common.order.date")) |
86 | 86 |
</div> |
--- app/views/reviewthread/partial_list.scala.html
+++ app/views/reviewthread/partial_list.scala.html
... | ... | @@ -29,7 +29,7 @@ |
29 | 29 |
@for(thread <- page.getList()) { |
30 | 30 |
@defining(User.find.byId(thread.getFirstReviewComment.author.id)){ user => |
31 | 31 |
<li class="post-item"> |
32 |
- <a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge" data-toggle="tooltip" data-placement="top" title="@user.loginId"> |
|
32 |
+ <a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge hide-in-mobile" data-toggle="tooltip" data-placement="top" title="@user.loginId"> |
|
33 | 33 |
@if(user.avatarUrl == UserApp.DEFAULT_AVATAR_URL){ |
34 | 34 |
<img src="@urlToPicture(user.email, 32)"> |
35 | 35 |
} else { |
--- conf/messages
+++ conf/messages
... | ... | @@ -699,7 +699,7 @@ |
699 | 699 |
pullRequest.merge.help.4 = When you can''t accept code, you can postpone or delete the pull request. |
700 | 700 |
pullRequest.merge.requested = has sent pull request: |
701 | 701 |
pullRequest.merged.the.pullrequest = accepted this pull request. |
702 |
-pullRequest.new = Send new pull request |
|
702 |
+pullRequest.new = pull request |
|
703 | 703 |
pullRequest.not.acceptable.because.is.conflict= There are conflicts. |
704 | 704 |
pullRequest.not.acceptable.because.is.merging = Now, it''s on checking the code. |
705 | 705 |
pullRequest.not.acceptable.because.is.not.enough.review.point = {0} more reviewer is necessary. |
--- conf/messages.ko-KR
+++ conf/messages.ko-KR
... | ... | @@ -21,7 +21,7 @@ |
21 | 21 |
# - userinfo |
22 | 22 |
# - validation |
23 | 23 |
# |
24 |
-app.description = 웹기반 소프트웨어 개발 플랫폼 |
|
24 |
+app.description = 21세기 소프트웨어 개발 플랫폼 |
|
25 | 25 |
app.name = Yona |
26 | 26 |
app.restart.notice = 서버를 재시작해야합니다. |
27 | 27 |
app.restart.updateSecretYourself = application.secret을 무작위 문자열로 변경해주십시오. |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?