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

Last modified header for wide layouts #16207

Merged
merged 13 commits into from Apr 25, 2024

Conversation

JasonWeill
Copy link
Contributor

References

Fixes #16197.

Code changes

Adds a long "Last Modified" header. The longer header is used when the column is at least 300px wide, suitable for full-screen layouts such as those used in Notebook. The shorter "Modified" header is likely to be used in JupyterLab left panels.

Screenshot 2024-04-19 at 4 56 07 PM

Screenshot 2024-04-19 at 4 56 19 PM

@JasonWeill JasonWeill added bug tag:CSS For general CSS related issues and pecadilloes labels Apr 19, 2024
Copy link

Thanks for making a pull request to jupyterlab!
To try out this branch on binder, follow this link: Binder

@krassowski
Copy link
Member

It looks like this modifies the snapshots. I would guess it is either because of changed thresholds or more likely because of the use of container queries. I would think implementing it by swapping textContent would be easier than what is proposed here, but if it works then I think its fine.

@JasonWeill
Copy link
Contributor Author

@krassowski I don't see a provision to change the textContent of a header in the file browser. I tried to modify it after the file browser grid was shown, but my changes were immediately reverted afterwards.

@JasonWeill
Copy link
Contributor Author

please update snapshots

Copy link
Contributor

Documentation snapshots updated.

Copy link
Contributor

Galata snapshots updated.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Member

@krassowski krassowski left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you @JasonWeill.

For next iteration: #16239

@krassowski krassowski merged commit 26371d6 into jupyterlab:main Apr 25, 2024
81 checks passed
gderocher pushed a commit to gderocher/jupyterlab that referenced this pull request Apr 26, 2024
* Revert "Alternate description for disabled filters"

This reverts commit 059fb7e.

* Revert "Revert "Alternate description for disabled filters""

This reverts commit 27ed1d0.

* Uses longer title in larger modified columns

* Updates timestamp format on initial render

* Update width thresholds to avoid overlap

* Uses container queries to show only a small or large modified header

* Update Playwright Snapshots

* Update Playwright Snapshots

* Fix error in kernels sidebar when switching kernels, remove unused prop (jupyterlab#16188)

* Do not crash if there are no sessions for kernel

* Revert snapshot incorrectly updated in jupyterlab#16046

* Remove unused private `shutdownAllLabel` prop from `List` and `ListWidget`

* Update Playwright Snapshots

* Updates examples

* Make `reateHeaderItemNodeWithSizes` private for now

* Revert flaky snapshot updates

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Michał Krassowski <5832902+krassowski@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

"Modified" file browser column should be "Last Modified" when there is enough space to display
3 participants