<!-- changed paths --> | <!-- changed paths --> | ||||
<table style="width:100%" class="pretty"> | <table style="width:100%" class="pretty"> | ||||
<tr wicket:id="changedPath"> | <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><span wicket:id="pathName"></span></td> | ||||
<td class="hidden-phone size"><span wicket:id="pathSize">[path size]</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> | <td class="hidden-phone mode"><span wicket:id="pathPermissions">[path permissions]</span></td> |
</tr> | </tr> | ||||
<tr class="commit" wicket:id="commit"> | <tr class="commit" wicket:id="commit"> | ||||
<td class="date" style="width:6em;"><span wicket:id="commitDate">[commit date]</span></td> | <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 icon"><img wicket:id="commitIcon" /></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"> | <td class="message ellipsize"> | ||||
<table class="nestedTable"> | <table class="nestedTable"> | ||||
<tr> | <tr> | ||||
<td class="ellipsize"><span style="vertical-align:middle;" wicket:id="commitShortMessage">[commit short message]</span></td> | <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> | </tr> | ||||
</table> | </table> | ||||
</td> | </td> |
} | } | ||||
table.pretty td.icon img { | table.pretty td.icon img { | ||||
vertical-align: top; | |||||
vertical-align: middle; | |||||
} | } | ||||
table.pretty td { | table.pretty td { | ||||
height: 24px; | height: 24px; | ||||
} | } | ||||
@media (min-width: 768px) { | |||||
@media (min-width: 979px) { | |||||
td.ellipsize { | td.ellipsize { | ||||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
} | } | ||||
@media (max-width: 767px) { | |||||
@media (max-width: 979px) { | |||||
td.ellipsize { | td.ellipsize { | ||||
text-overflow: inherit; | text-overflow: inherit; | ||||
overflow: visible; | overflow: visible; | ||||
td.author { | td.author { | ||||
font-style: italic !important; | font-style: italic !important; | ||||
white-space: nowrap; | |||||
} | } | ||||
td.date { | td.date { |