diff --git a/ui/src/app/archived-workflows/components/archived-workflow-filters/archived-workflow-filters.tsx b/ui/src/app/archived-workflows/components/archived-workflow-filters/archived-workflow-filters.tsx index f7bcba3da3f1..57cb5c3e1e70 100644 --- a/ui/src/app/archived-workflows/components/archived-workflow-filters/archived-workflow-filters.tsx +++ b/ui/src/app/archived-workflows/components/archived-workflow-filters/archived-workflow-filters.tsx @@ -25,7 +25,7 @@ export class ArchivedWorkflowFilters extends React.Component
-
+

Namespace

-
+

Labels

-
+

Phases

-
-

Started At

+
+

Started Time

{ diff --git a/ui/src/app/shared/components/checkbox-filter/checkbox-filter.scss b/ui/src/app/shared/components/checkbox-filter/checkbox-filter.scss index fbdd2184f78d..610b867c855a 100644 --- a/ui/src/app/shared/components/checkbox-filter/checkbox-filter.scss +++ b/ui/src/app/shared/components/checkbox-filter/checkbox-filter.scss @@ -5,11 +5,12 @@ transition: max-height 0.25s cubic-bezier(0, 1, 0, 1); overflow-y: auto; margin-left: 0.2rem; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(100px, 120px)); } .checkbox-filter li { list-style: none; - float: left; } .checkbox-filter__label { diff --git a/ui/src/app/workflows/components/workflow-filters/workflow-filters.scss b/ui/src/app/workflows/components/workflow-filters/workflow-filters.scss index 562619ef9b2a..65f18b9410ca 100644 --- a/ui/src/app/workflows/components/workflow-filters/workflow-filters.scss +++ b/ui/src/app/workflows/components/workflow-filters/workflow-filters.scss @@ -1,7 +1,7 @@ @import 'node_modules/argo-ui/src/styles/config'; .wf-filters-container { - overflow: hidden; + overflow: visible; position: relative; border-radius: 5px; box-shadow: 1px 1px 3px #8fa4b1; diff --git a/ui/src/app/workflows/components/workflow-filters/workflow-filters.tsx b/ui/src/app/workflows/components/workflow-filters/workflow-filters.tsx index 0bc706ecf0b0..cfec0aa62fd2 100644 --- a/ui/src/app/workflows/components/workflow-filters/workflow-filters.tsx +++ b/ui/src/app/workflows/components/workflow-filters/workflow-filters.tsx @@ -35,7 +35,7 @@ export class WorkflowFilters extends React.Component { return (
-
+

Namespace

{ }} />
-
+

Labels

{ }} />
-
+

Workflow Template

services.workflowTemplate.list(this.props.namespace).then(list => list.map(x => x.metadata.name))} onChange={value => (this.workflowTemplate = value)} />
-
+

Cron Workflow

services.cronWorkflows.list(this.props.namespace).then(list => list.map(x => x.metadata.name))} onChange={value => (this.cronWorkflow = value)} />
-
+

Phases

(!podName ? e.podName + ': ' : '') + e.content + '\n') .publishReplay() .refCount(); - const subscription = source.subscribe(() => setLoaded(true), setError); + const subscription = source.subscribe( + () => setLoaded(true), + setError, + () => setLoaded(true) + ); setLogsObservable(source); return () => subscription.unsubscribe(); }, [workflow.metadata.namespace, workflow.metadata.name, podName, selectedContainer, archived]); @@ -103,6 +107,8 @@ export const WorkflowLogsViewer = ({workflow, nodeId, container, archived}: Work logs from the artifacts. )} +

+

{execSpec(workflow).podGC && ( <> You pod GC settings will delete pods and their logs immediately on completion.