CSS tweaks for responsive layout

James Moger

2013-09-18 cba235ff73f5eff90f6e178104466fa22271b053

CSS tweaks for responsive layout

 src/main/java/com/gitblit/wicket/pages/TreePage.html

@@ -21,7 +21,7 @@
    <!-- changed paths -->    

    <table style="width:100%" class="pretty">

        <tr wicket:id="changedPath">

            <td class="icon"><img wicket:id="pathIcon" /></td>

            <td class="hidden-phone icon"><img wicket:id="pathIcon" /></td>

            <td><span wicket:id="pathName"></span></td>            

            <td class="hidden-phone size"><span wicket:id="pathSize">[path size]</span></td>

            <td class="hidden-phone mode"><span wicket:id="pathPermissions">[path permissions]</span></td>


 src/main/java/com/gitblit/wicket/panels/LogPanel.html

@@ -22,13 +22,13 @@
            </tr>

               <tr class="commit" wicket:id="commit">

                 <td class="date" style="width:6em;"><span wicket:id="commitDate">[commit date]</span></td>

                 <td class="hidden-phone author ellipsize"><span wicket:id="commitAuthor">[commit author]</span></td>

                 <td class="hidden-phone author"><span wicket:id="commitAuthor">[commit author]</span></td>

                 <td class="hidden-phone icon"><img wicket:id="commitIcon" /></td>

                 <td class="message ellipsize">

                     <table class="nestedTable">

                         <tr>

                             <td class="ellipsize"><span style="vertical-align:middle;" wicket:id="commitShortMessage">[commit short message]</span></td>

                             <td><div style="text-align:right;" wicket:id="commitRefs">[commit refs]</div></td>

                             <td class="hidden-phone"><div style="text-align:right;" wicket:id="commitRefs">[commit refs]</div></td>

                         </tr>

                     </table>

                 </td>


 src/main/resources/gitblit.css

@@ -1131,7 +1131,7 @@
}



table.pretty td.icon img {

    vertical-align: top;

    vertical-align: middle;

}



table.pretty td {

@@ -1159,7 +1159,7 @@
    height: 24px;

}



@media (min-width: 768px) {

@media (min-width: 979px) {

  td.ellipsize {

    text-overflow: ellipsis;

    overflow: hidden;

@@ -1167,7 +1167,7 @@
  }

}



@media (max-width: 767px) {

@media (max-width: 979px) {

  td.ellipsize {

    text-overflow: inherit;

    overflow: visible;

@@ -1324,6 +1324,7 @@


td.author {

    font-style: italic !important;

    white-space: nowrap;

}



td.date {