Unverified Commit 29b97b0a authored by Ahmed Hamid Awan's avatar Ahmed Hamid Awan Committed by GitHub
Browse files

Merge pull request #20440 from ahmedhamidawan/align_tool_and_workflow_run_headers 

[25.0] Wrap Tool and Workflow run headers properly
parents 6b62fb40 ccbbe708

client/src/components/Tool/ToolForm.vue

+1 −0
Original line number Diff line number Diff line
@@ -85,6 +85,7 @@ 
            <template v-slot:buttons>

                <ButtonSpinner

                    id="execute"

                    class="text-nowrap"

                    title="Run Tool"

                    :disabled="!canMutateHistory"

                    size="small"

client/src/components/Workflow/WorkflowNavigationTitle.vue

+68 −65
Original line number Diff line number Diff line
@@ -137,12 +137,13 @@ async function rerunWorkflow() { 
        <BAlert v-if="error" variant="danger" show>{{ error }}</BAlert>



        <div class="position-relative">

            <div v-if="workflow" class="bg-secondary px-2 py-1 rounded d-flex flex-gapx-1">

                <div class="flex-grow-1 d-flex align-items-center flex-gapx-1" data-description="workflow heading">

            <div v-if="workflow" class="bg-secondary px-2 py-1 rounded d-flex flex-gapx-1 justify-content-between">

                <div class="py-1 d-flex flex-wrap align-items-center flex-gapx-1" data-description="workflow heading">

                    <FontAwesomeIcon :icon="faSitemap" fixed-width />

                    <b> {{ props.invocation ? "Invoked " : "" }}Workflow: {{ getWorkflowName() }} </b>

                    <span>(Version: {{ workflow.version + 1 }})</span>

                </div>

                <div class="d-flex flex-gapx-1 align-self-baseline">

                    <GButtonGroup data-button-group>

                        <GButton

                            v-if="owned && workflow"
@@ -174,6 +175,7 @@ async function rerunWorkflow() { 
                    <ButtonSpinner

                        v-if="!props.invocation"

                        id="run-workflow"

                        class="text-nowrap"

                        data-description="execute workflow button"

                        :wait="runWaiting"

                        :disabled="runDisabled"
@@ -208,6 +210,7 @@ async function rerunWorkflow() { 
                        </GButton>

                    </GButtonGroup>

                </div>

            </div>

            <div v-if="props.success" class="donemessagelarge">

                Successfully invoked workflow

                <b>{{ getWorkflowName() }}</b>