Fix overflowing commit messages (#528)

This commit is contained in:
Anbraten 2021-11-23 17:15:50 +01:00 committed by GitHub
parent fe31fb1e06
commit 57db3227ab
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 19 additions and 15 deletions

View file

@ -1,9 +1,9 @@
<template> <template>
<div v-if="build" class="flex text-gray-600 dark:text-gray-500"> <div v-if="build" class="flex text-gray-600 dark:text-gray-500 w-full">
<BuildStatusIcon :build="build" class="flex items-center" /> <BuildStatusIcon :build="build" class="flex items-center" />
<div class="flex flex-col ml-4"> <div class="flex flex-col ml-4 min-w-0">
<span class="underline">{{ build.owner }} / {{ build.name }}</span> <span class="underline">{{ build.owner }} / {{ build.name }}</span>
<span>{{ message }}</span> <span class="whitespace-nowrap overflow-hidden overflow-ellipsis">{{ message }}</span>
<div class="flex flex-col mt-2"> <div class="flex flex-col mt-2">
<div class="flex space-x-2 items-center"> <div class="flex space-x-2 items-center">
<Icon name="duration" /> <Icon name="duration" />

View file

@ -1,5 +1,5 @@
<template> <template>
<ListItem v-if="build" clickable class="p-0"> <ListItem v-if="build" clickable class="p-0 w-full">
<div class="flex items-center mr-4"> <div class="flex items-center mr-4">
<div <div
class="min-h-full w-3" class="min-h-full w-3"
@ -17,14 +17,16 @@
</div> </div>
</div> </div>
<div class="flex w-full py-2 px-4"> <div class="flex py-2 px-4 flex-grow min-w-0">
<div class="flex items-center"><img class="w-8" :src="build.author_avatar" /></div> <div class="flex items-center flex-shrink-0"><img class="w-8" :src="build.author_avatar" /></div>
<div class="ml-4 flex items-center mx-4"> <div class="ml-4 flex items-center mx-4 min-w-0">
<span class="text-gray-600 dark:text-gray-500">{{ message }}</span> <span class="text-gray-600 dark:text-gray-500 whitespace-nowrap overflow-hidden overflow-ellipsis">{{
message
}}</span>
</div> </div>
<div class="flex ml-auto text-gray-500 py-2"> <div class="flex ml-auto text-gray-500 py-2 flex-shrink-0">
<div class="flex flex-col space-y-2 w-42"> <div class="flex flex-col space-y-2 w-42">
<div class="flex space-x-2 items-center"> <div class="flex space-x-2 items-center">
<Icon v-if="build.event === 'pull_request'" name="pull_request" /> <Icon v-if="build.event === 'pull_request'" name="pull_request" />

View file

@ -1,20 +1,22 @@
<template> <template>
<template v-if="build && repo"> <template v-if="build && repo">
<FluidContainer class="flex border-b mb-4 items-center dark:border-gray-600"> <FluidContainer class="flex border-b mb-4 items-center dark:border-gray-600 min-w-0">
<IconButton icon="back" @click="$router.back()" /> <IconButton icon="back" class="flex-shrink-0" @click="$router.back()" />
<h1 class="text-xl ml-2 text-gray-500">Pipeline #{{ buildId }} - {{ message }}</h1> <h1 class="text-xl ml-2 text-gray-500 whitespace-nowrap overflow-hidden overflow-ellipsis">
<BuildStatusIcon :build="build" class="flex ml-auto" /> Pipeline #{{ buildId }} - {{ message }}
</h1>
<BuildStatusIcon :build="build" class="flex flex-shrink-0 ml-auto" />
<template v-if="repoPermissions.push"> <template v-if="repoPermissions.push">
<Button <Button
v-if="build.status === 'pending' || build.status === 'running'" v-if="build.status === 'pending' || build.status === 'running'"
class="ml-4" class="ml-4 flex-shrink-0"
text="Cancel" text="Cancel"
:is-loading="isCancelingBuild" :is-loading="isCancelingBuild"
@click="cancelBuild" @click="cancelBuild"
/> />
<Button <Button
v-else-if="build.status !== 'blocked' && build.status !== 'declined'" v-else-if="build.status !== 'blocked' && build.status !== 'declined'"
class="ml-4" class="ml-4 flex-shrink-0"
text="Restart" text="Restart"
:is-loading="isRestartingBuild" :is-loading="isRestartingBuild"
@click="restartBuild" @click="restartBuild"