Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-24 07:49:41 +02:00
Code Issues Releases Activity

feat(ui): portainer base component css change [EE-3381] (#7115)

Browse source
This commit is contained in:
Chaim Lev-Ari 2022-06-23 09:32:18 +03:00 • committed by GitHub
parent 825269c119
commit f78a6568a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
70 changed files with 999 additions and 1596 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/react/components/datatables/ColumnVisibilityMenu.tsx
View file

@ -1,6 +1,7 @@
import clsx from 'clsx';
import { Menu, MenuButton, MenuList } from '@reach/menu-button';
import { ColumnInstance } from 'react-table';
import { Columns } from 'react-feather';
import { Checkbox } from '@@/form-components/Checkbox';
@ -28,7 +29,13 @@ export function ColumnVisibilityMenu<D extends object>({
'setting-active': isExpanded,
})}
>
<i className="fa fa-columns" aria-hidden="true" /> Columns
<Columns
size="13"
className="space-right"
strokeWidth="3px"
aria-hidden="true"
aria-label="Columns"
/>
</MenuButton>
<MenuList>
<div className="tableMenu">

9
app/react/components/datatables/TableSettingsMenu.tsx
View file

@ -1,6 +1,7 @@
import clsx from 'clsx';
import { Menu, MenuButton, MenuList } from '@reach/menu-button';
import { PropsWithChildren, ReactNode } from 'react';
import { MoreVertical } from 'react-feather';
import { useTableContext } from './TableContainer';
@ -23,7 +24,13 @@ export function TableSettingsMenu({
'setting-active': isExpanded,
})}
>
<i className="fa fa-cog" aria-hidden="true" /> Settings
<MoreVertical
size="13"
className="space-right"
strokeWidth="3px"
aria-hidden="true"
aria-label="Settings"
/>
</MenuButton>
<MenuList>
<div className="tableMenu">

8
app/react/components/datatables/TableTitle.tsx
View file

@ -1,15 +1,18 @@
import clsx from 'clsx';
import { PropsWithChildren } from 'react';
import { Icon } from '@/react/components/Icon';
import { useTableContext } from './TableContainer';
interface Props {
icon: string;
label: string;
featherIcon?: boolean;
}
export function TableTitle({
icon,
featherIcon,
label,
children,
}: PropsWithChildren<Props>) {
@ -18,7 +21,8 @@ export function TableTitle({
return (
<div className="toolBar">
<div className="toolBarTitle">
<i className={clsx('space-right', 'fa', icon)} aria-hidden="true" />
<Icon icon={icon} feather={featherIcon} className="space-right" />
{label}
</div>
{children}