Skip to content
Snippets Groups Projects

Polish the instance overview cards

Merged Austin Regnery requested to merge aregnery/admin-overview-polish into master
All threads resolved!
11 files
+ 220
226
Compare changes
  • Side-by-side
  • Inline
Files
11
  • d76c341a
    Polish style of cards · d76c341a
    Austin Regnery authored
    Changelog: changed
    EE: true
    
    Consolidate cards together
    
    Remove popover for user count
    
    Adjust styling of features
    
    Move help link and remove a those with configure links
    
    Add tooltips to feature buttons
    
    Polish style of statistics card
    
    Update styling of components
    
    Fix placement of footer buttons
    
    Cleanup prettier and translations
    
    Fix haml linting
    
    Update button styles and headings with CRUD
    
    Fix helper test
    
    Update font to monospace
    
    Add tooltip to pages truncated string
    
    Fix format failures
    
    Fix spec to look for badge by testid
    
    Fix test for stat card
    
    Move up to date badge to footer
    
    Clean up and small tweaks
    
    Apply monospace to Ruby
@@ -28,20 +28,29 @@ export default {
</script>
<template>
<gl-card>
<h4 class="gl-heading-4">{{ __('Statistics') }}</h4>
<slot name="footer">
<gl-loading-icon v-if="isLoading" size="lg" class="my-3" />
<gl-card class="gl-h-full" footer-class="gl-h-full gl-py-0">
<template #default>
<h3 class="gl-m-0 gl-inline-flex gl-items-center gl-gap-2 gl-self-center gl-text-base">
{{ __('Statistics') }}
</h3>
</template>
<template #footer>
<gl-loading-icon v-if="isLoading" size="md" class="my-3" />
<template v-else>
<p
v-for="statistic in getStatistics(statisticsLabels)"
v-for="(statistic, index) in getStatistics(statisticsLabels)"
:key="statistic.key"
class="js-stats"
:class="[
'js-stats',
'gl-py-4',
'gl-m-0',
{ 'gl-border-b': index !== getStatistics(statisticsLabels).length - 1 },
]"
>
{{ statistic.label }}
<span class="light gl-float-right">{{ statistic.value }}</span>
</p>
</template>
</slot>
</template>
</gl-card>
</template>
Loading