Truncate commit message in pipeline log view header (#2356)

This commit is contained in:
Robert Kaussow 2023-08-30 16:17:01 +02:00 committed by GitHub
parent f2a5e15386
commit 91192a900a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions

View file

@ -4,7 +4,7 @@
:class="{ 'md:px-4': fullWidth }" :class="{ 'md:px-4': fullWidth }"
> >
<FluidContainer :full-width="fullWidth" class="!py-0"> <FluidContainer :full-width="fullWidth" class="!py-0">
<div class="flex w-full md:items-center flex-col py-3 gap-y-2 md:flex-row md:justify-between"> <div class="flex w-full md:items-center flex-col py-3 gap-2 md:gap-10 md:flex-row md:justify-between">
<div <div
class="flex items-center content-start" class="flex items-center content-start"
:class="{ :class="{
@ -31,7 +31,7 @@
/> />
<div <div
v-if="$slots.titleActions" v-if="$slots.titleActions"
class="flex items-center md:justify-end gap-x-2" class="flex items-center md:justify-end gap-x-2 min-w-0"
:class="{ :class="{
'md:flex-1': searchBoxPresent, 'md:flex-1': searchBoxPresent,
}" }"

View file

@ -11,12 +11,12 @@
<template #title>{{ repo.full_name }}</template> <template #title>{{ repo.full_name }}</template>
<template #titleActions> <template #titleActions>
<div class="flex md:items-center flex-col gap-x-2 md:flex-row md:justify-between"> <div class="flex md:items-center flex-col gap-x-2 md:flex-row md:justify-between min-w-0">
<div class="flex content-start gap-x-2 py-2 md:mr-2"> <div class="flex content-start gap-x-2 py-2 md:mr-2 min-w-0">
<PipelineStatusIcon :status="pipeline.status" class="flex flex-shrink-0" /> <PipelineStatusIcon :status="pipeline.status" class="flex flex-shrink-0" />
<span class="flex-shrink-0 text-center">{{ $t('repo.pipeline.pipeline', { pipelineId }) }}</span> <span class="flex-shrink-0 text-center">{{ $t('repo.pipeline.pipeline', { pipelineId }) }}</span>
<span class="hidden md:inline-block">-</span> <span class="hidden md:inline-block">-</span>
<span class="text-center truncate">{{ message }}</span> <span class="min-w-0 whitespace-nowrap overflow-hidden overflow-ellipsis">{{ message }}</span>
</div> </div>
<template v-if="repoPermissions.push"> <template v-if="repoPermissions.push">