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
; } }