Fix mobile open file list behavior for deleted and long-named files (#1391)
* Fix mobile open file list cleanup and long names - Remove deleted files from persisted open file tabs - Invalidate cached file content when stat/delete/rename affects paths - Keep mobile open-file close buttons visible for long filenames - Add marquee scrolling for overflowing file names * Fix bot comments --------- Co-authored-by: Konstantin Zolin <zolin_ka@vk.com>
This commit is contained in:
committed by
GitHub
co-authored by
Konstantin Zolin
parent
c5862cc6ee
commit
af25edd3f7
@@ -1442,6 +1442,23 @@ input[aria-label="Terminal input"] {
|
||||
100% { transform: translateX(-100%); }
|
||||
}
|
||||
|
||||
@keyframes open-file-name-marquee-scroll {
|
||||
0% { transform: translateX(0); }
|
||||
100% { transform: translateX(-50%); }
|
||||
}
|
||||
|
||||
.open-file-name-marquee-track {
|
||||
display: inline-flex;
|
||||
min-width: max-content;
|
||||
animation: open-file-name-marquee-scroll var(--open-file-name-marquee-duration, 14s) linear infinite;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
.open-file-name-marquee-item {
|
||||
flex-shrink: 0;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.marquee-text {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
@@ -1459,11 +1476,30 @@ input[aria-label="Terminal input"] {
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.marquee-text--auto,
|
||||
.open-file-name-marquee-track,
|
||||
.group:hover .marquee-text--active,
|
||||
.marquee-text--active:hover {
|
||||
animation: none;
|
||||
}
|
||||
|
||||
.open-file-name-marquee-track {
|
||||
display: block;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
will-change: auto;
|
||||
}
|
||||
|
||||
.open-file-name-marquee-track .open-file-name-marquee-item {
|
||||
display: inline;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.open-file-name-marquee-track .open-file-name-marquee-item[aria-hidden="true"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.animate-busy-pulse {
|
||||
animation: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user