Last row menu is hidden by "add button"

[imed-ghomari]

Contact Details

imeed166@gmail.com

What happened?

The button should be beneath the last row, not above it.

Screen.Recording.2022-09-24.at.10.22.38.AM.mov

I'm using the theme from obsidian 0.15.9, If this is resolved with the new theme in 0.16, then ignore this issue

What platform were you using?

Desktop

Version of the plugin

2.6.6

Relevant log output

No response

Are you using the latest version of the plugin in your Obsidian vault?

• I have verified that I am on the latest version

Are you check if there is a similar issue?

• I have verified that there are not similar issues

[RafaelGB]

the position of the add row button will be always on the bottom left corner.

Any better design will be welcomed

[imed-ghomari]

Another design proposal: move the add row button to the top bar, as there is unused space between the filters and the pagination. Unless, of course, you had planned to use that space for something else.

[RafaelGB]

I was just thinking of using this new space to enable/disable the new filter groups.

Just like this:

[imed-ghomari]

Oh, okay, good idea. Never mind then.

[RafaelGB]

You can modify it with a css snippet

[RafaelGB]

This is the current css

.database-plugin__add-row {
  color: var(--text-accent);
  align-items: center;
  cursor: pointer;
  z-index: 3;
  position: fixed;
  margin-top: 2.65rem;
  bottom: 0;
  background-color: var(--background-primary);
}
.database-plugin__add-row .svg-icon:hover {
  background-color: var(--background-secondary);
  color: var(--text-accent-hover);
  padding: 0.3rem;
}

.database-plugin__add-row-input {
  height: 30px;
  max-height: 30px;
  border: 0 !important;
}

.database-plugin__add-row-input:focus {
  outline: none;
  border: 0 !important;
  box-shadow: 0 0 0 0 !important;
}

[imed-ghomari]

the position of the add row button will be always on the bottom left corner.

The position is nice, I did not say It should change.

I was talking about replicating the same solution you did with the last add row menu #295 (comment)

[RafaelGB]

The problem now is that the button is not part of the table anymore to sticky its position if you scroll to the right or down.

so now it's on a layer above the table and doesn't take into account the position of the row. With future iterations we will improve the design, but I think its the best solution right now

[imed-ghomari]

I have a new proposition: Why not add an empty space, like an invisible row at the end?
Now, When you scroll down, the add button + status bar won't block the last row of the database.

Old behavior:

New behavior:

[RafaelGB]

with the stack tabs issue the style of the button was improved. This weekend I will release a new version so we can discuss about the new style