doortts doortts 2016-02-18
mobile: Add more mobile support pages - part2
@49a97cf6cc2daf0465e4f2b9dcfa81dc9c2fc70e
app/assets/stylesheets/less/_reponsive.less
--- app/assets/stylesheets/less/_reponsive.less
+++ app/assets/stylesheets/less/_reponsive.less
@@ -1,4 +1,97 @@
-@media all and (max-width: 600px){
+@media all and (max-width: 640px){
+    .post-list-wrap {
+        .post-item {
+            padding: 10px 0 !important;
+        }
+    }
+    .site-guide-outer {
+        margin: 40px 0 0 !important;
+    }
+    .board-comment-wrap .comments .event .commit-list{
+        margin: 10px 0 !important;
+    }
+    .dropdown-toggle .d-label {
+        width: inherit !important;
+    }
+    .yobiDialog {
+        padding: 5px 5px !important;
+        width: 85% !important;
+    }
+    .modal {
+        left: inherit !important;
+        margin-left: inherit !important;
+        width: inherit !important;
+    }
+    .inner-bubble .text.uname {
+        width: inherit !important;
+    }
+
+    .input-webhook-payload {
+        width: inherit !important;
+    }
+
+    .box-wrap {
+        padding: 10px 0 !important;
+        .setting-box.left .logo-wrap {
+            width: 100px !important;
+            height: 100px !important;
+        }
+        .setting-box.right {
+            padding-left: 0 !important;
+            border-left: none !important;
+        }
+        .textarea {
+            width: inherit !important;
+        }
+    }
+
+    .codediff-wrap .review-wrap .review-container {
+        position: inherit !important;
+    }
+
+    .diff-body .diff-partial-outer {
+        margin-left: 15px;
+    }
+    .review-form .write-comment-box {
+        margin-left: 0 !important;
+    }
+
+    .codediff-wrap {
+        .diffs-wrap {
+            margin-right: inherit !important;
+
+        }
+        .review-wrap {
+            position: inherit !important;
+        }
+    }
+    // hack for iphone to prevent zoom?
+    input[type='text'],
+    input[type='number'],
+    input[type='password'],
+    textarea {
+        font-size: 16px !important;
+    }
+
+    //
+
+    .search-wrap {
+        height: inherit !important;
+    }
+    .gnb-inner .logo:after {
+        margin-left: inherit !important;
+    }
+    .media-body .meta-info {
+        padding: 5px 5px !important;
+    }
+    .comments .event {
+        padding-left: 5px !important;
+    }
+    .markdown-wrap {
+        p, ul, ol {
+            font-size: 15px !important;
+        }
+    }
     .board-header .date {
         margin-right: 5px !important;
     }
@@ -16,7 +109,7 @@
     }
     .loginDialog {
         margin-left: 0 !important;
-        width: 100%;
+        width: 100% !important;
         .login-form-wrap{
             width: inherit;
             .text {
@@ -132,6 +225,10 @@
         min-width: 10px !important;
     }
 
+    .project-page-wrap {
+        margin-top: 5px !important;
+    }
+
     .page-footer-outer {
         min-width: 10px !important;
     }
@@ -206,12 +303,11 @@
 
     .span-hard-wrap {
         min-width: 95%;
-        margin-bottom: 10px;
         margin-left: 0 !important;
     }
     .nav-tabs li a {
-        padding-left: 20px !important;
-        padding-right: 20px !important;
+        padding-left: 5px !important;
+        padding-right: 5px !important;
     }
 
     .readme .readme-wrap .readme-body {
@@ -222,7 +318,7 @@
         border-bottom: none !important;
     }
     .search-bar {
-        width: 120px !important;
+        margin: 5px 0;
         .textbox {
             width: inherit !important;
         }
@@ -236,8 +332,16 @@
         width: 100px !important;
     }
 
-    .post-list .search-wrap form {
-        width: inherit !important;
+    .post-list {
+        .ybtn-success {
+            margin-top: 6px;
+        }
+        .search-wrap form {
+            width: inherit !important;
+            .search-bar {
+                width: 120px !important;
+            }
+        }
     }
 
     .siteintro .siteintro-cover {
app/views/code/diff.scala.html
--- app/views/code/diff.scala.html
+++ app/views/code/diff.scala.html
@@ -121,7 +121,7 @@
                     @** // BlockComment **@
                 </div>
 
-                <div class="review-wrap">
+                <div class="review-wrap span-hard-wrap">
                     <div class="review-container">
                         <button type="button" class="ybtn ybtn-default btn-hide-reviewcards">
                             <i class="yobicon-maximize"></i>
app/views/common/reviewForm.scala.html
--- app/views/common/reviewForm.scala.html
+++ app/views/common/reviewForm.scala.html
@@ -25,7 +25,7 @@
 
 <div id="review-form" class="review-form">
     <form action="@action" method="post" enctype="multipart/form-data">
-        <div class="author-info-wrap pull-left">
+        <div class="author-info-wrap pull-left hide-in-mobile">
             <div class="author-info">
                 @defining(UserApp.currentUser()){ currentUser =>
                 <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/common/usermenu.scala.html
--- app/views/common/usermenu.scala.html
+++ app/views/common/usermenu.scala.html
@@ -23,10 +23,10 @@
 @orderString = @{"createdDate DESC"}
 <ul class="gnb-usermenu">
     @if( !UserApp.currentUser().isAnonymous()) {
-       <li class="gnb-usermenu-item">
+       <li class="gnb-usermenu-item hide-in-mobile">
           <a href="@routes.Application.index()" class="user-item-btn">@Messages("notification")</a>
        </li>
-       <li class="divider"></li>
+       <li class="divider hide-in-mobile"></li>
        <li class="gnb-usermenu-item">
           <a href="@routes.IssueApp.userIssues()" class="user-item-btn">@Messages("issue.myIssue")</a>
         </li>
app/views/git/partial_list.scala.html
--- app/views/git/partial_list.scala.html
+++ app/views/git/partial_list.scala.html
@@ -29,7 +29,7 @@
     @for(req <- page.getList.iterator) {
     @defining(User.findByLoginId(req.contributor.loginId)){ user =>
         <li class="post-item">
-            <div class="span10">
+            <div class="span10 span-hard-wrap">
                 <a href="@routes.UserApp.userInfo(user.loginId)" class="avatar-wrap mlarge" data-toggle="tooltip" data-placement="top" title="@user.loginId">
                     @if(user.avatarUrl == UserApp.DEFAULT_AVATAR_URL){
                         <img src="@urlToPicture(user.email, 32)">
@@ -83,14 +83,14 @@
                     }
                 </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(req.receiver != null) {
-                        <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">
+                        <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">
                             <img src="@req.receiver.avatarUrl" width="32" height="32" alt="@req.receiver.name">
                         </a>
                     } else {
-                        <div class="empty-avatar-wrap hide-in-mobile">&nbsp;</div>
+                        <div class="empty-avatar-wrap">&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>
app/views/git/partial_pull_request_event.scala.html
--- app/views/git/partial_pull_request_event.scala.html
+++ app/views/git/partial_pull_request_event.scala.html
@@ -117,13 +117,13 @@
                         @commit.commitShortId
                     </a>
                     @if(!author.isAnonymous()) {
-                    <a href="@routes.UserApp.userInfo(author.loginId)" class="avatar-wrap small" data-toggle="tooltip" data-placement="top" title="@User.findByLoginId(author.loginId).name">
+                    <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">
                         <img src="@author.avatarUrl"  alt="@author.name"> @commit.authorEmail
                     </a>
                     } else {
-                        <img src="@urlToPicture(commit.getAuthorEmail, 32)" class="avatar-wrap small">
+                        <img src="@urlToPicture(commit.getAuthorEmail, 32)" class="avatar-wrap small hide-in-mobile">
                     }
-                    <div class="date" title="@getDateString(commit.authorDate)">@utils.TemplateHelper.agoOrDateString(commit.authorDate)</div>
+                    <div class="date hide-in-mobile" title="@getDateString(commit.authorDate)">@utils.TemplateHelper.agoOrDateString(commit.authorDate)</div>
                     
                     @common.commitMsg(commit.getCommitMessage.split("\n")(0), commit.getCommitMessage,
                         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
+++ app/views/partial_comment_form_on_thread.scala.html
@@ -38,7 +38,7 @@
   <div class="write-comment-form">
     <form action="@urlToPostNewComment(thread)" method="post" enctype="multipart/form-data" class="review-form" style="display:block;">
       <input type="hidden" name="thread.id" value="@thread.id">
-      <div class="author-info-wrap pull-left">
+      <div class="author-info-wrap pull-left hide-in-mobile">
         <div class="author-info">
           <a href="@routes.UserApp.userInfo(UserApp.currentUser().loginId)" class="avatar-wrap medium"
              title="@UserApp.currentUser().name" data-toggle="tooltip" data-placement="top">
app/views/reviewthread/list.scala.html
--- app/views/reviewthread/list.scala.html
+++ app/views/reviewthread/list.scala.html
@@ -44,7 +44,7 @@
 
 <div class="project-page-wrap">
     <div class="row-fluid issue-list-wrap">
-        <div class="span2 search-wrap">
+        <div class="span2 search-wrap span-hard-wrap">
             <div class="inner advanced">
                 <ul class="lst-stacked unstyled">
                     <li @if(param.participantId == null && param.authorId == null){class="active"}>
@@ -72,15 +72,15 @@
                     <input type="hidden" name="orderDir" value="@param.orderDir">
                     <input type="hidden" name="orderBy" value="@param.orderBy">
                     <input type="hidden" name="state" value="@param.state">
-                    <hr>
-                    <div class="search-bar">
+                    <hr class="hide-in-mobile">
+                    <div class="search-bar span-hard-wrap">
                         <input name="filter" class="textbox full" type="text" value="@param.filter">
                         <button type="submit" class="search-btn"><i class="yobicon-search"></i></button>
                     </div>
                 </form>
             </div>
         </div>
-        <div class="span10">
+        <div class="span10 span-hard-wrap">
             <div class="pull-right filters">
                 @makeSortLink("createdDate", Messages("common.order.date"))
             </div>
app/views/reviewthread/partial_list.scala.html
--- app/views/reviewthread/partial_list.scala.html
+++ app/views/reviewthread/partial_list.scala.html
@@ -29,7 +29,7 @@
     @for(thread <- page.getList())  {
         @defining(User.find.byId(thread.getFirstReviewComment.author.id)){ 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 {
conf/messages
--- conf/messages
+++ conf/messages
@@ -699,7 +699,7 @@
 pullRequest.merge.help.4 = When you can''t accept code, you can postpone or delete the pull request.
 pullRequest.merge.requested = has sent pull request:
 pullRequest.merged.the.pullrequest = accepted this pull request.
-pullRequest.new = Send new pull request
+pullRequest.new = pull request
 pullRequest.not.acceptable.because.is.conflict= There are conflicts.
 pullRequest.not.acceptable.because.is.merging = Now, it''s on checking the code.
 pullRequest.not.acceptable.because.is.not.enough.review.point = {0} more reviewer is necessary.
conf/messages.ko-KR
--- conf/messages.ko-KR
+++ conf/messages.ko-KR
@@ -21,7 +21,7 @@
 # - userinfo
 # - validation
 #
-app.description = 웹기반 소프트웨어 개발 플랫폼
+app.description = 21세기 소프트웨어 개발 플랫폼
 app.name = Yona
 app.restart.notice = 서버를 재시작해야합니다.
 app.restart.updateSecretYourself = application.secret을 무작위 문자열로 변경해주십시오.
Add a comment
List