ia.novokshanov/asb_cloud_front
1
0
Fork 0
forked from ddrilling/asb_cloud_front
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Обновлены стили селектора скважины

Browse Source
This commit is contained in:
goodmice 2022-12-28 16:56:03 +05:00
parent 5b4ba6c6f2
commit b1b4283bc5
No known key found for this signature in database
GPG Key ID: EA4AA16454AC96C8
4 changed files with 30 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/icons/WellIcon.tsx
View File

@ -16,7 +16,7 @@ export type WellIconProps = React.SVGProps<SVGSVGElement> & {
} }
const defaultColors: WellIconColors = { const defaultColors: WellIconColors = {
online: '#C32828', online: 'white',
active: 'white', active: 'white',
inactive: '#A7A7A7', inactive: '#A7A7A7',
unknown: '#7B7B7B', unknown: '#7B7B7B',
@ -53,7 +53,7 @@ export const WellIcon = React.memo(({ width, height, state, online, colors, ...o
<path d={'m12 6.4h6.6v-0.53h-6.6z'} fill={'currentColor'}/> <path d={'m12 6.4h6.6v-0.53h-6.6z'} fill={'currentColor'}/>
<path d={'m14 0.79v0.53h2.9v-0.53z'} fill={'currentColor'}/> <path d={'m14 0.79v0.53h2.9v-0.53z'} fill={'currentColor'}/>
<path d={'m12 7.9 5-4-2.4-2.6h1.3l-2.4 2.6 5 4'}/> <path d={'m12 7.9 5-4-2.4-2.6h1.3l-2.4 2.6 5 4'}/>
{online || ( // Полоски, показывающие наличие свежей телеметрии {online && ( // Полоски, показывающие наличие свежей телеметрии
<g stroke={colors.online} strokeWidth={.4}> <g stroke={colors.online} strokeWidth={.4}>
<path d={'m18.4 0.0662a2 2 0 0 1 0.141 1.7 2 2 0 0 1-1.22 1.19'} /> <path d={'m18.4 0.0662a2 2 0 0 1 0.141 1.7 2 2 0 0 1-1.22 1.19'} />
<path d={'m19.5 0.0402a3 3 0 0 1-1.79 3.85'} /> <path d={'m19.5 0.0402a3 3 0 0 1-1.79 3.85'} />

3
src/components/selectors/WellTreeSelector.tsx
View File

@ -10,7 +10,7 @@ import { isRawDate } from '@utils'
import { ReactComponent as DepositIcon } from '@images/components/well_tree_selector/DepositIcon.svg' import { ReactComponent as DepositIcon } from '@images/components/well_tree_selector/DepositIcon.svg'
import { ReactComponent as ClusterIcon } from '@images/components/well_tree_selector/ClusterIcon.svg' import { ReactComponent as ClusterIcon } from '@images/components/well_tree_selector/ClusterIcon.svg'
import '@styles/components/well_tree_select.css' import '@styles/components/well_tree_select.less'
/** /**
* Для поиска в URL текущего раздела по шаблону `/{type}/{id}` * Для поиска в URL текущего раздела по шаблону `/{type}/{id}`
@ -175,6 +175,7 @@ export const WellTreeSelector = memo<WellTreeSelectorProps>(({ expand, current,
<Drawer open={open} mask={false} onClose={onClose} title={'Список скважин'}> <Drawer open={open} mask={false} onClose={onClose} title={'Список скважин'}>
<Tree <Tree
{...other} {...other}
className={'well-tree-selector'}
showIcon showIcon
selectedKeys={selected} selectedKeys={selected}
treeData={wellsTree} treeData={wellsTree}

19
src/styles/components/well_tree_select.css
View File

@ -1,19 +0,0 @@
.header-tree-select {
width: 300px
}
.header-tree-select *{
color: #fff;
font-size: 1rem;
}
.header-tree-select{
width: 300px;
border: 1px solid rgba(255, 255, 255, 0.2);
background-color: rgba(0, 0, 0, 0.3);
}
.header-tree-select:hover{
border: 1px solid rgba(255, 255, 255, 0.8);
background-color: rgba(0, 0, 0, 0.5);
}

26
src/styles/components/well_tree_select.less Normal file
View File

@ -0,0 +1,26 @@
.well-tree-selector {
&.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
background-color: #C32828;
color: white;
& svg {
color: white !important;
}
}
}
.header-tree-select{
width: 300px;
border: 1px solid rgba(255, 255, 255, 0.2);
background-color: rgba(0, 0, 0, 0.3);
&:hover {
border: 1px solid rgba(255, 255, 255, 0.8);
background-color: rgba(0, 0, 0, 0.5);
}
& * {
color: #fff;
font-size: 1rem;
}
}