vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Better tag history view on mobile

Browse source
This commit is contained in:
Joseph Schorr 2017-03-09 19:26:03 -05:00
parent 92f858016d
commit 11a636021c
2 changed files with 31 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
static/css/directives/ui/repo-tag-history.css
View file

@ -90,6 +90,9 @@
float: right; float: right;
} }
.repo-tag-history-element .history-datetime-small {
display: none;
}
@media (max-width: 767px) { @media (max-width: 767px) {
.repo-tag-history-element .history-list { .repo-tag-history-element .history-list {
@ -104,6 +107,26 @@
float: none; float: none;
display: block; display: block;
} }
.repo-tag-history-element .history-entry .history-description {
overflow: visible;
margin-bottom: 10px;
margin-left: 20px;
display: block;
height: auto;
}
.repo-tag-history-element .history-row {
padding-left: 20px;
}
.repo-tag-history-element .history-datetime-small {
font-size: 12px;
margin-left: 20px;
margin-top: 10px;
color: #aaa;
display: block;
}
} }
.repo-tag-history-element .history-entry.filtered-mismatch { .repo-tag-history-element .history-entry.filtered-mismatch {
@ -241,5 +264,5 @@
} }
.repo-tag-history-element .history-entry .history-datetime { .repo-tag-history-element .history-entry .history-datetime {
font-size: 14px; font-size: 13px;
} }

13
static/directives/repo-tag-history.html
View file

@ -12,11 +12,11 @@
</div> </div>
<table class="co-table" ng-if="historyEntries.length"> <table class="co-table" ng-if="historyEntries.length">
<thead> <thead class="hidden-xs">
<td class="icon-col"></td> <td class="icon-col"></td>
<td class="history-col">Tag Change</td> <td class="history-col">Tag Change</td>
<td class="datetime-col">Date/Time</td> <td class="datetime-col hidden-sm hidden-xs">Date/Time</td>
<td class="revert-col"><span ng-if="repository.can_write">Restore</span></td> <td class="revert-col hidden-sm hidden-xs"><span ng-if="repository.can_write">Restore</span></td>
</thead> </thead>
<tbody> <tbody>
<tr style="height: 20px;"><td colspan="4"></td></tr> <tr style="height: 20px;"><td colspan="4"></td></tr>
@ -73,11 +73,12 @@
</span> </span>
</span> </span>
</div> </div>
<div class="history-datetime-small">{{ entry.time | amDateFormat:'dddd, MMMM Do YYYY, h:mm:ss a' }}</div>
</td> </td>
<td ng-if="!entry.date_break" class="datetime-col"> <td ng-if="!entry.date_break" class="datetime-col hidden-sm hidden-xs">
<div class="history-datetime">{{ entry.time | amDateFormat:'dddd, MMMM Do YYYY, h:mm:ss a' }}</div> <div class="history-datetime">{{ entry.time | amDateFormat:'MMM Do YYYY, h:mm:ss a' }}</div>
</td> </td>
<td class="revert-col"> <td class="revert-col hidden-xs hidden-sm">
<div ng-if="!entry.date_break && repository.can_write" class="history-revert"> <div ng-if="!entry.date_break && repository.can_write" class="history-revert">
<span ng-switch on="entry.action"> <span ng-switch on="entry.action">
<a ng-switch-when="create" ng-click="askRestoreTag(entry, true)" ng-if="!isCurrent(entry)"> <a ng-switch-when="create" ng-click="askRestoreTag(entry, true)" ng-if="!isCurrent(entry)">