fix(editor): ui bugs of database block (#12285)
fix: BS-3445, BS-3470, BS-3472, BS-3473 <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **Style** - Updated the alignment of the created time cell for improved layout consistency. - Limited the maximum width of the group view settings panel for better layout control. - Changed the icon for the "created by" property to enhance visual representation. - Updated the background color of file popover content for improved appearance. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
@@ -11,7 +11,6 @@ import { createdTimePropertyModelConfig } from './define.js';
|
|||||||
const createdTimeCellStyle = css({
|
const createdTimeCellStyle = css({
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
justifyContent: 'center',
|
|
||||||
width: '100%',
|
width: '100%',
|
||||||
height: '100%',
|
height: '100%',
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -155,7 +155,7 @@ export class GroupSetting extends SignalWatcher(
|
|||||||
>
|
>
|
||||||
<div class="group-item-drag-bar"></div>
|
<div class="group-item-drag-bar"></div>
|
||||||
<div
|
<div
|
||||||
style="padding: 0 4px;position:relative;pointer-events: none"
|
style="padding: 0 4px;position:relative;pointer-events: none;max-width: 330px"
|
||||||
>
|
>
|
||||||
${renderUniLit(group.view, props)}
|
${renderUniLit(group.view, props)}
|
||||||
<div
|
<div
|
||||||
|
|||||||
@@ -113,7 +113,7 @@ const CreatedByCell = forwardRef(CreatedByCellComponent);
|
|||||||
|
|
||||||
export const createdByPropertyConfig =
|
export const createdByPropertyConfig =
|
||||||
createdByPropertyModelConfig.createPropertyMeta({
|
createdByPropertyModelConfig.createPropertyMeta({
|
||||||
icon: createIcon('UserIcon'),
|
icon: createIcon('MemberIcon'),
|
||||||
cellRenderer: {
|
cellRenderer: {
|
||||||
view: uniReactRoot.createUniComponent(CreatedByCell),
|
view: uniReactRoot.createUniComponent(CreatedByCell),
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -13,6 +13,7 @@ export const filePopoverContainer = style({
|
|||||||
|
|
||||||
export const filePopoverContent = style({
|
export const filePopoverContent = style({
|
||||||
padding: '0',
|
padding: '0',
|
||||||
|
backgroundColor: cssVarV2.layer.background.overlayPanel,
|
||||||
});
|
});
|
||||||
|
|
||||||
export const uploadButton = style({
|
export const uploadButton = style({
|
||||||
|
|||||||
Reference in New Issue
Block a user