diff --git a/frontend/public/components/_dropdown.scss b/frontend/public/components/_dropdown.scss
index cd7ddd74753..83e6704cf4d 100644
--- a/frontend/public/components/_dropdown.scss
+++ b/frontend/public/components/_dropdown.scss
@@ -42,11 +42,6 @@ $dropdown-link-hover-border: 1px solid #bee1f4;
padding: 5px 10px 10px;
}
-.dropdown-menu--right {
- left: auto;
- right: 0;
-}
-
.dropdown-menu--text-wrap {
max-width: 100%;
li a {
@@ -153,7 +148,17 @@ $dropdown-link-hover-border: 1px solid #bee1f4;
padding-right: 30px;
}
- &__dropdowns {
+ &__import {
+ color: inherit;
+
+ &:active,
+ &:hover {
+ text-decoration: none;
+ }
+ }
+
+ &__items {
+ align-items: center;
display: flex;
justify-content: space-between;
@@ -175,7 +180,7 @@ $dropdown-link-hover-border: 1px solid #bee1f4;
}
.co-namespace-selector {
- max-width: 75%;
+ max-width: 60%;
.btn-link {
font-size: ($font-size-base + 1);
diff --git a/frontend/public/components/import-yaml.tsx b/frontend/public/components/import-yaml.tsx
index 30838ce779d..387e6bac07c 100644
--- a/frontend/public/components/import-yaml.tsx
+++ b/frontend/public/components/import-yaml.tsx
@@ -1,10 +1,14 @@
import * as React from 'react';
+import { Helmet } from 'react-helmet';
import { AsyncComponent } from './utils';
export const ImportYamlPage = () => {
+ const title = 'Import YAML';
return
- import('./droppable-edit-yaml').then(c => c.DroppableEditYAML)} create={true} download={false} header="Import YAML" />
+
+ {title}
+
+ import('./droppable-edit-yaml').then(c => c.DroppableEditYAML)} create={true} download={false} header={title} />
;
-
};
diff --git a/frontend/public/components/namespace.jsx b/frontend/public/components/namespace.jsx
index 179f1c90cac..804c6b6f03e 100644
--- a/frontend/public/components/namespace.jsx
+++ b/frontend/public/components/namespace.jsx
@@ -11,7 +11,7 @@ import { NamespaceModel, ProjectModel, SecretModel } from '../models';
import { k8sGet } from '../module/k8s';
import * as UIActions from '../actions/ui';
import { DetailsPage, ListPage, Table, TableRow, TableData } from './factory';
-import { ActionsMenu, Kebab, Dropdown, Firehose, LabelList, LoadingInline, navFactory, ResourceKebab, SectionHeading, ResourceIcon, ResourceLink, ResourceSummary, MsgBox, StatusIconAndText, ExternalLink, humanizeCpuCores, humanizeDecimalBytes } from './utils';
+import { Kebab, Dropdown, Firehose, LabelList, LoadingInline, navFactory, ResourceKebab, SectionHeading, ResourceIcon, ResourceLink, ResourceSummary, MsgBox, StatusIconAndText, ExternalLink, humanizeCpuCores, humanizeDecimalBytes } from './utils';
import { createNamespaceModal, createProjectModal, deleteNamespaceModal, configureNamespacePullSecretModal } from './modals';
import { RoleBindingsPage } from './RBAC';
import { Bar, Area, requirePrometheus } from './graphs';
@@ -341,22 +341,7 @@ class NamespaceBarDropdowns_ extends React.Component {
const onChange = newNamespace => dispatch(UIActions.setActiveNamespace(newNamespace));
- const addActions = [
- {
- label: 'Browse Catalog',
- href: '/catalog',
- },
- {
- label: 'Deploy Image',
- href: `/deploy-image?preselected-ns=${activeNamespace}`,
- },
- {
- label: 'Import YAML',
- href: UIActions.formatNamespacedRouteForResource('import', activeNamespace),
- },
- ];
-
- return
+ return
-
Add}
- menuClassName="co-add-actions-selector__menu dropdown-menu--right"
- buttonClassName="btn-link" />
+ Import YAML
;
}
}