@@ -495,14 +495,24 @@ export default defineComponent({
495
495
{{ locale.artifactsTitle }}
496
496
</div >
497
497
<ul class =" job-artifacts-list" >
498
- <li class =" job-artifacts-item" v-for =" artifact in artifacts" :key =" artifact.name" >
499
- <a class =" job-artifacts-link" target =" _blank" :href =" run.link+'/artifacts/'+artifact.name" >
500
- <SvgIcon name =" octicon-file" class =" ui text black job-artifacts-icon" />{{ artifact.name }}
501
- </a >
502
- <a v-if =" run.canDeleteArtifact" @click =" deleteArtifact(artifact.name)" class =" job-artifacts-delete" >
503
- <SvgIcon name =" octicon-trash" class =" ui text black job-artifacts-icon" />
504
- </a >
505
- </li >
498
+ <template v-for =" artifact in artifacts " :key =" artifact .name " >
499
+ <li class =" job-artifacts-item" >
500
+ <template v-if =" artifact .status !== ' expired' " >
501
+ <a class =" flex-text-inline" target =" _blank" :href =" run.link+'/artifacts/'+artifact.name" >
502
+ <SvgIcon name =" octicon-file" class =" text black" />
503
+ <span class =" gt-ellipsis" >{{ artifact.name }}</span >
504
+ </a >
505
+ <a v-if =" run.canDeleteArtifact" @click =" deleteArtifact(artifact.name)" >
506
+ <SvgIcon name =" octicon-trash" class =" text black" />
507
+ </a >
508
+ </template >
509
+ <span v-else class =" flex-text-inline text light grey" >
510
+ <SvgIcon name =" octicon-file" />
511
+ <span class =" gt-ellipsis" >{{ artifact.name }}</span >
512
+ <span class =" ui label text light grey tw-flex-shrink-0" >{{ locale.artifactExpired }}</span >
513
+ </span >
514
+ </li >
515
+ </template >
506
516
</ul >
507
517
</div >
508
518
</div >
@@ -664,17 +674,14 @@ export default defineComponent({
664
674
padding : 6px ;
665
675
display : flex ;
666
676
justify-content : space-between ;
677
+ align-items : center ;
667
678
}
668
679
669
680
.job-artifacts-list {
670
681
padding-left : 12px ;
671
682
list-style : none ;
672
683
}
673
684
674
- .job-artifacts-icon {
675
- padding-right : 3px ;
676
- }
677
-
678
685
.job-brief-list {
679
686
display : flex ;
680
687
flex-direction : column ;
0 commit comments