Bases: table cells should show full content on hover

Use case or problem

In narrow bases table view columns, long filenames or other properties often get truncated. especially annoying if we’re trying to fit 3 or more columns in a narrow (non-fullscreen) window

Proposed solution

table cells should show a tooltip with the full content on hover. here are some mockups


here is how it’s done elsewhere (windows explorer, voidtools everything)


Current workaround (optional)

expanding the columns manually or using taller row height. this of course sacrifices horizontal and vertical space respectively. also using wide columns and scrolling horizontally all the time

+1. And another workaround.

Hover the long text to make it scroll, with CSS:

.bases-td,
.bases-cards-property {
	container-type: inline-size;
}

.bases-td .bases-table-cell,
.bases-cards-property .bases-cards-line {
	min-width: fit-content;
}

.bases-td:hover .bases-table-cell,
.bases-cards-property:hover .bases-cards-line {
	translate: min(calc(100cqw - 100%), 0%) 0%;
	transition: translate 2s linear 0s;
}

Set the 2s to your liking.

Issues:

  • Scrolls table cell contents and card properties but not card titles.
  • The time is universal rather than adjustable by text length, so very long text will fly by quickly, or shorter text will crawl by slowly—your call.

(Credit: sailKite on OMG Discord. The version above looks different only because it includes property types that happened to not be under discussion during origination.)

+1
Yes some feature into this direction would be very nice. For me, this is particularly relevant for tag or keyword lists, which vary significantly in length from note to note. I either can’t see everything at once, or I’m left with a lot of unused space.