Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Table add/remove button inverted #1001

Open
m0rp30 opened this issue Nov 12, 2024 · 1 comment
Open

Table add/remove button inverted #1001

m0rp30 opened this issue Nov 12, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@m0rp30
Copy link

m0rp30 commented Nov 12, 2024

Describe the bug
In the demo live version the button to add/remove row and columns are inverted.

To Reproduce
Steps to reproduce the behavior:

  1. Click in the button add column
  2. The app add row

Same for add row, del colum, del row

Screenshots
2024-11-12-15:37:05-screenshot

@m0rp30 m0rp30 added the bug Something isn't working label Nov 12, 2024
@m0rp30
Copy link
Author

m0rp30 commented Nov 12, 2024

I supose the simplie way for a solution is to invert row and column in to the file src/components/OrgFile/components/TableEditorModal/components/TableActionButtons/index.js like as the following lines:

<div
              className="table-action-drawer__sub-icon-container"
              onClick={() => (selectedTableCellId ? onAddNewTableColumn() : undefined)}
            >
              <i className="fas fa-plus fa-lg table-action-drawer__main-icon" />
              <i className="fas fa-columns fa-sm table-action-drawer__sub-icon table-action-drawer__sub-icon--rotated" />
            </div>

            <div
              className="table-action-drawer__sub-icon-container"
              onClick={() => (selectedTableCellId ? onRemoveTableCloumn() : undefined)}
            >
              <i className="fas fa-times fa-lg table-action-drawer__main-icon" />
              <i className="fas fa-columns fa-sm table-action-drawer__sub-icon table-action-drawer__sub-icon--rotated" />
            </div>

            <div
              className="table-action-drawer__sub-icon-container"
              onClick={() => (selectedTableCellId ? onAddNewTableRow() : undefined)}
            >
              <i className="fas fa-plus fa-lg table-action-drawer__main-icon" />
              <i className="fas fa-columns fa-sm table-action-drawer__sub-icon" />
            </div>

            <div
              className="table-action-drawer__sub-icon-container"
              onClick={() => (selectedTableCellId ? onRemoveTableRow() : undefined)}
            >
              <i className="fas fa-times fa-lg table-action-drawer__main-icon" />
              <i className="fas fa-columns fa-sm table-action-drawer__sub-icon" />
            </div>
          </div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant