Fix project page long title/version

RameshMF · Apr 20, 2020 · ace8528 · ace8528
1 parent 9eac505
commit ace8528
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 24 deletions.
diff --git a/sagan-client/src/css/project.css b/sagan-client/src/css/project.css
@@ -126,19  126,21 @@
 }
 .compass .project--header {
     position: relative;
     padding-bottom: 0.6rem;
     padding-right: 80px;
 }
 .compass .project--header h1 {
-    font-size: 38px;
     display: inline-block;
     font-size: 2.4rem;
     vertical-align: middle;
     line-height: 2.7rem;
     margin-right: 1rem;
     margin-bottom: 0.8rem;
 }
 .compass .project--header .label {
     display: inline-block;
-    margin-top: 0.7rem;
-    vertical-align: middle;
     margin-bottom: 1.3rem;
     vertical-align: bottom;
     background: #80ea6e;
     border-radius: 6px;
     padding: 2px 10px;
@@ -445,6  447,9 @@
     .compass .nav-tabs a {
         padding: 14px 8px 19px;
     }
     .compass .project--header {
         padding-right: 0;
     }
     .compass .project--header h1 {
         margin-top: 0;
         margin-bottom: 8px;
@@ -453,10  458,11 @@
         position: relative;
         top: 0;
         margin-bottom: 12px;
         margin-top: 1rem;
     }
     .compass .project--header .label {
         margin-top: 0;
-        margin-bottom: 0.1rem;
         margin-bottom: 1rem;
     }
 }
 

diff --git a/sagan-site/src/main/resources/templates/projects/show.html b/sagan-site/src/main/resources/templates/projects/show.html
@@ -73,28  73,29 @@ <h1 th:text="${selectedProject.getName()}"></h1>
                                     </svg>
                                 </a>
                             </div>
-                            <ul id="nav-project" class="nav nav-tabs">
-                                <li class="active">
-                                    <a href="#overview" data-toggle="tab">
-                                        <i class="icon-eye-open"></i>
-                                        <span class="hide-sm">Overview</span>
-                                    </a>
-                                </li>
-                                <li th:if="${hasDocumentation}" class="">
-                                    <a href="#learn" data-toggle="tab">
-                                        <i class="icon-file-text-alt"></i>
-                                        <span class="hide-sm">Learn</span>
-                                    </a>
-                                </li>
-                                <li th:if="${hasSamples}" class="">
-                                    <a href="#samples" data-toggle="tab">
-                                        <i class="icon-code"></i>
-                                        <span class="hide-sm">Samples</span>
-                                    </a>
-                                </li>
-                            </ul>
                         </div>
 
                         <ul id="nav-project" class="nav nav-tabs">
                             <li class="active">
                                 <a href="#overview" data-toggle="tab">
                                     <i class="icon-eye-open"></i>
                                     <span class="hide-sm">Overview</span>
                                 </a>
                             </li>
                             <li th:if="${hasDocumentation}" class="">
                                 <a href="#learn" data-toggle="tab">
                                     <i class="icon-file-text-alt"></i>
                                     <span class="hide-sm">Learn</span>
                                 </a>
                             </li>
                             <li th:if="${hasSamples}" class="">
                                 <a href="#samples" data-toggle="tab">
                                     <i class="icon-code"></i>
                                     <span class="hide-sm">Samples</span>
                                 </a>
                             </li>
                         </ul>
 
 
                         <div class="tab-content" id="content-project">
                             <div class="tab-pane active" id="overview">