FE item width, scroll removed

pull/5370/head
lianahus 1 year ago
parent f9ac0018c5
commit 88acfcaeef
  1. 4
      libs/remix-ui/workspace/src/lib/components/file-label.tsx
  2. 6
      libs/remix-ui/workspace/src/lib/css/file-explorer.css
  3. 2
      libs/remix-ui/workspace/src/lib/css/remix-ui-workspace.css

@ -67,14 +67,14 @@ export const FileLabel = (props: FileLabelProps) => {
return ( return (
<div <div
className="remixui_items d-inline-block w-100 text-break" className="remixui_items d-inline-block w-100"
ref={isEditable ? labelRef : null} ref={isEditable ? labelRef : null}
suppressContentEditableWarning={true} suppressContentEditableWarning={true}
contentEditable={isEditable} contentEditable={isEditable}
onKeyDown={handleEditInput} onKeyDown={handleEditInput}
onBlur={handleEditBlur} onBlur={handleEditBlur}
> >
<span className={`text-nowrap remixui_label ${fileStateClasses} ` + (file.isDirectory ? 'folder' : 'remixui_leaf')} data-path={file.path}> <span className={`remixui_label ${fileStateClasses} ` + (file.isDirectory ? 'folder' : 'remixui_leaf')} data-path={file.path}>
{file.name} {file.name}
</span> </span>
</div> </div>

@ -33,7 +33,11 @@ input[type="file"] {
margin-left : 20px; margin-left : 20px;
} }
.remixui_items { .remixui_items {
display : inline display : inline;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
max-width : 90%;
} }
.remixui_remove { .remixui_remove {
margin-left : auto; margin-left : auto;

@ -40,7 +40,7 @@
cursor : pointer; cursor : pointer;
} }
.remixui_treeview { .remixui_treeview {
overflow-y : auto; overflow-x : hidden;
} }
.remixui_dialog { .remixui_dialog {
display: flex; display: flex;

Loading…
Cancel
Save