mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2024-11-26 20:01:02 +00:00
Code Issues Projects Releases Wiki Activity

Add min height to mobile pipeline view and fix overflow (#2335)

Browse source 
The mobile pipeline view in landscape view is not really usable. The
idea is to add a min-height to use the screen a bit better for the main
content. Before:


[before.webm](https://github.com/woodpecker-ci/woodpecker/assets/3391958/c4f38da6-c0f2-4549-9f80-90a4b02ddc94)

After:


[after.webm](https://github.com/woodpecker-ci/woodpecker/assets/3391958/a0397d52-aeda-4edf-9200-953ca4738daa)
This commit is contained in:
Robert Kaussow 2023-08-28 00:36:48 +02:00 committed by GitHub
parent c5c01ddd19
commit e139abf15a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/components/repo/pipeline/PipelineStepList.vue
View file

@ -48,7 +48,7 @@
</div> </div>
<div class="flex-grow min-h-0 w-full relative"> <div class="flex-grow min-h-0 w-full relative">
<div class="absolute top-0 left-0 right-0 h-full flex flex-col md:overflow-y-scroll gap-y-2"> <div class="absolute top-0 left-0 right-0 h-full flex flex-col md:overflow-y-auto gap-y-2">
<div <div
v-for="workflow in pipeline.workflows" v-for="workflow in pipeline.workflows"
:key="workflow.id" :key="workflow.id"

2
web/src/views/repo/pipeline/Pipeline.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<FluidContainer full-width class="flex flex-col flex-grow"> <FluidContainer full-width class="flex flex-col flex-grow md:min-h-xs">
<div class="flex w-full min-h-0 flex-grow"> <div class="flex w-full min-h-0 flex-grow">
<PipelineStepList <PipelineStepList
v-if="pipeline?.workflows?.length || 0 > 0" v-if="pipeline?.workflows?.length || 0 > 0"