Truncate path elements when necessary #64

Closed
ZombieHippie opened this Issue Mar 2, 2014 · 9 comments

Projects

None yet

3 participants

@ZombieHippie
Collaborator

image
If a directory name is longer than what can fit in the path, we should show at least the last couple letters of the parenting folder's name

@silverwind
Owner

Yep, I know about this issue. I think the only solution is to detect these situations through JS and truncate the laste name appropriately.

@silverwind silverwind added Bug Frontend Feature and removed Bug labels Mar 2, 2014
@silverwind silverwind added this to the 1.0 milestone Mar 4, 2014
@silverwind silverwind removed this from the 1.0 milestone Mar 14, 2014
@silverwind
Owner

I think the best way to solve this would be to make the path element scrollable/draggable once it has overflown.

@ZombieHippie
Collaborator

We could also make a dropdown list of the parenting folder structure.
On Sep 22, 2014 2:41 PM, "silverwind" notifications@github.com wrote:

I think the best way to solve this would be to make the path element
scrollable/draggable once it has overflown.


Reply to this email directly or view it on GitHub
#64 (comment).

@silverwind
Owner

Yes, that could also work. We could keep the home button always visible and do a dropdown menu on click.

@Poorchop
Contributor

I think the best way to solve this would be to make the path element scrollable/draggable

I meant to request this a long time ago but I completely forgot about it. I was browsing droppy on my phone and I think having a draggable element is perfect for mobile interfaces. That also seems to be how a lot of mobile applications that I've used handle row overflow.

@silverwind
Owner

Agreed, it's what I've intuitively tried on my phone too.

@ZombieHippie
Collaborator

If we take this approach, do you think it would be necessary to have a
fallback for desktops?

Also keep in mind scroll bars on many browsers are not stylable. Which can
be circumvented by using overflow hidden, which if I remember correctly,
does not prevent the ability to scroll.

Is there a scrollLeft of documentElement just like there is a scrollTop we
can use for this?
On Sep 23, 2014 3:39 AM, "silverwind" notifications@github.com wrote:

Agreed, it's what I've intuitively tried on my phone too.


Reply to this email directly or view it on GitHub
#64 (comment).

@silverwind
Owner

overflow: hidden does prevent scrolling through mouse wheel and touch:

http://css-tricks.com/examples/OverflowExample/

I don't think scollLeft does apply to overflow: hidden, and I think we'd have to add our own handlers to detect mouse/touch drags and then apply a left offset.

@silverwind silverwind added a commit that closed this issue Nov 5, 2016
@silverwind Truncate long path elements - fixes #64 bfdafaf
@silverwind silverwind closed this in bfdafaf Nov 5, 2016
@silverwind silverwind added a commit that referenced this issue Nov 5, 2016
@silverwind Also truncate correctly when split - #64 9e482c9
@silverwind
Owner

Pure CSS to the rescue, I think it's working nicely.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment