ISSUE-206: fixed description icon position (#278)

This commit is contained in:
Shailesh Parmar 2021-08-23 20:52:29 +05:30 committed by GitHub
parent cf0dcf8142
commit 9bd624f4af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 22 deletions

View File

@ -267,10 +267,11 @@ const SchemaTable: FunctionComponent<Props> = ({
<td className="tw-group tableBody-cell tw-relative"> <td className="tw-group tableBody-cell tw-relative">
<div> <div>
<div <div
className="tw-cursor-pointer hover:tw-underline" className="tw-cursor-pointer hover:tw-underline tw-flex"
data-testid="description" data-testid="description"
id={`column-description-${index}`} id={`column-description-${index}`}
onClick={() => handleEditColumn(column, index)}> onClick={() => handleEditColumn(column, index)}>
<div>
{column.description ? ( {column.description ? (
<RichTextEditorPreviewer <RichTextEditorPreviewer
markdown={column.description} markdown={column.description}
@ -280,7 +281,8 @@ const SchemaTable: FunctionComponent<Props> = ({
No description added No description added
</span> </span>
)} )}
<button className="tw-opacity-0 tw-ml-1 group-hover:tw-opacity-100 focus:tw-outline-none"> </div>
<button className="tw-self-start tw-w-8 tw-h-auto tw-opacity-0 tw-ml-1 group-hover:tw-opacity-100 focus:tw-outline-none">
<SVGIcons <SVGIcons
alt="edit" alt="edit"
icon="icon-edit" icon="icon-edit"

View File

@ -300,7 +300,8 @@ const TagsPage = () => {
setIsEditTag(true); setIsEditTag(true);
setEditTag(tag); setEditTag(tag);
}}> }}>
<div className="tw-cursor-pointer hover:tw-underline"> <div className="tw-cursor-pointer hover:tw-underline tw-flex">
<div>
{tag.description ? ( {tag.description ? (
<RichTextEditorPreviewer <RichTextEditorPreviewer
markdown={tag.description} markdown={tag.description}
@ -310,7 +311,8 @@ const TagsPage = () => {
No description added No description added
</span> </span>
)} )}
<button className="tw-opacity-0 tw-ml-1 group-hover:tw-opacity-100 focus:tw-outline-none"> </div>
<button className="tw-self-start tw-w-8 tw-h-auto tw-opacity-0 tw-ml-1 group-hover:tw-opacity-100 focus:tw-outline-none">
<SVGIcons <SVGIcons
alt="edit" alt="edit"
icon="icon-edit" icon="icon-edit"