ruiling/tachybase_todo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: improve stying

Browse Source
This commit is contained in:
chenos 2021-09-08 15:11:35 +08:00
parent 1229a10df6
commit 1c30baffcf
2 changed files with 56 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/client/src/schemas/form/index.tsx
View File

@ -98,7 +98,13 @@ const FormMain = (props: any) => {
const content = (
<FormProvider form={form}>
{schema['x-decorator'] === 'Form' ? (
<SchemaField components={options.components} scope={scope} schema={s} />
<FormLayout layout={'vertical'} {...others}>
<SchemaField
components={options.components}
scope={scope}
schema={s}
/>
</FormLayout>
) : (
<FormLayout layout={'vertical'} {...others}>
<SchemaField

81
packages/client/src/schemas/kanban/style.less
View File

@ -28,6 +28,17 @@
&.isDragging {
opacity: .2;
}
.ant-formily-item-control-content-component {
min-height: 0 !important;
}
.ant-space {
display: flex !important;
}
.ant-formily-item-label {
min-height: 0 !important;
}
}
.nb-kanban-drag-overlay {
@ -44,43 +55,49 @@
position: relative;
// padding: 0;
> .nb-block-item {
padding: 12px;
min-height: 50px;
.nb-block-item {
&:last-child {
.ant-formily-item {
margin-bottom: 0 !important;
}
}
}
.nb-grid-block, .ant-formily-item {
margin-bottom: 0 !important;
margin-bottom: 12px !important;
}
&:hover {
.ant-formily-layout {
&:hover {
> .designable-bar {
display: block;
}
}
> .designable-bar {
display: block;
}
}
> .designable-bar {
pointer-events: none;
display: none;
position: absolute;
top: -1px;
right: -1px;
left: -1px;
bottom: -1px;
border-radius: 2px;
background: none !important;
border: 2px solid rgba(241, 139, 98, 0.3) !important;
&.active {
display: block;
}
.designable-bar-actions {
pointer-events: all;
pointer-events: none;
display: none;
position: absolute;
right: 0;
line-height: 1rem;
background-color: #1890ff;
color: #fff;
z-index: 10;
padding: 0 3px;
.anticon {
font-size: 10px;
top: -1px;
right: -1px;
left: -1px;
bottom: -1px;
border-radius: 2px;
background: none !important;
border: 2px solid rgba(241, 139, 98, 0.3) !important;
&.active {
display: block;
}
.designable-bar-actions {
pointer-events: all;
position: absolute;
right: 0;
line-height: 1rem;
background-color: #1890ff;
color: #fff;
z-index: 10;
padding: 0 3px;
.anticon {
font-size: 10px;
}
}
}
}