mirrors/docker-registry-ui
1
0
Fork 0
mirror of https://github.com/Joxit/docker-registry-ui.git synced 2025-04-28 07:59:55 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

[feat #56] Add image count for aggregated images

Browse source
This commit is contained in:
Joxit 2019-01-07 07:41:08 +01:00
parent 7e2e4b6010
commit a36809408c
2 changed files with 17 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/style.css
View file

@ -123,16 +123,27 @@ h2 {
color: #757575; color: #757575;
} }
.list > span i.material-icons.right.animated { .list > span .right i.material-icons.animated {
transition: all 350ms cubic-bezier(.4,0,.2,1); transition: all 350ms cubic-bezier(.4,0,.2,1);
margin-right: 10px; margin-right: 10px;
}
.list > span .right {
position: absolute; position: absolute;
align-self: end;
display: flex;
align-items: center;
right: 0; right: 0;
} }
.list > span i.material-icons.right.animated.expanded {
.list > span i.material-icons.animated.expanded {
transform: rotate(180deg); transform: rotate(180deg);
} }
.list > span .item-count {
font-size: 0.75em;
}
.list > span, .list > span,
.list > li > span { .list > li > span {
height: 100%; height: 100%;

5
src/tags/catalog-element.tag
View file

@ -21,7 +21,10 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<span> <span>
<i class="material-icons">send</i> <i class="material-icons">send</i>
{ typeof opts.item === "string" ? opts.item : opts.item.repo } { typeof opts.item === "string" ? opts.item : opts.item.repo }
<i hide="{typeof opts.item === "string"}" class="material-icons right animated {expanded: opts.expanded}">expand_more</i> <div hide="{typeof opts.item === "string"}" class="item-count right">
{ opts.item.images && opts.item.images.length } images
<i class="material-icons animated {expanded: opts.expanded}">expand_more</i>
</div>
</span> </span>
</material-card> </material-card>
<catalog-element hide="{typeof opts.item === "string"}" class="animated {hide: !expanded, expanding: expanding}" each="{item in item.images}" /> <catalog-element hide="{typeof opts.item === "string"}" class="animated {hide: !expanded, expanding: expanding}" each="{item in item.images}" />