rancher
/
dashboard
mirror of https://github.com/rancher/dashboard.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Hide divider when no desc. Change abbr font size based on length

This commit is contained in:
Neil MacDougall 2021-04-06 12:16:49 +01:00
parent 8169a928ef
commit 8c8bc85389
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/CruResource.vue
View File

@ -88,6 +88,12 @@ export default {
showAsForm: this.$route.query[AS] !== _YAML, showAsForm: this.$route.query[AS] !== _YAML,
resourceYaml: yaml, resourceYaml: yaml,
initialYaml: yaml, initialYaml: yaml,
abbrSizes: {
3: '24px',
4: '18px',
5: '16px',
6: '14px'
}
}; };
}, },
@ -233,7 +239,7 @@ export default {
class="banner-abbrv" class="banner-abbrv"
> >
<span v-if="$store.getters['i18n/exists'](subtype.bannerAbbrv)">{{ t(subtype.bannerAbbrv) }}</span> <span v-if="$store.getters['i18n/exists'](subtype.bannerAbbrv)">{{ t(subtype.bannerAbbrv) }}</span>
<span v-else>{{ subtype.bannerAbbrv }}</span> <span v-bind:style="{fontSize: abbrSizes[subtype.bannerAbbrv.length]}" v-else>{{ subtype.bannerAbbrv }}</span>
</div> </div>
<div v-else> <div v-else>
{{ subtype.id.slice(0, 1).toUpperCase() }} {{ subtype.id.slice(0, 1).toUpperCase() }}
@ -249,7 +255,7 @@ export default {
</h5> </h5>
<a v-if="subtype.docLink" :href="subtype.docLink" target="_blank" rel="noopener nofollow" class="flex-right">More Info <i class="icon icon-external-link" /></a> <a v-if="subtype.docLink" :href="subtype.docLink" target="_blank" rel="noopener nofollow" class="flex-right">More Info <i class="icon icon-external-link" /></a>
</div> </div>
<hr /> <hr v-if="subtype.description" />
<div v-if="subtype.description" class="description"> <div v-if="subtype.description" class="description">
<span <span
v-if="$store.getters['i18n/exists'](subtype.description)" v-if="$store.getters['i18n/exists'](subtype.description)"