Sales path title text cut off

[jorgjanke]

The path titles (labels) of the Tab Sales Path are not rendered correctly:

The left side can be improved by

.slds-tabs--path__title {
  padding-left: 0.15rem;
}

(or increasing the padding on slds-tabs--path__link)

but did not find a solution for the right side.
The truncate
text-overflow: ellipsis
on slds-tabs--path__link does not apply

[kaelig]

Thank you @jorgjanke for reporting yet another issue, this is very helpful.

Can you specify what browser (+ version) and device the bug appears in?

[jorgjanke]

has nothing to do with browser. the OS does not start it. this was Path
Finder - same happens when starting from Finder or command line

Jorg Janke - www.accorto.com - (650) 227-3271

On Fri, Dec 11, 2015 at 4:01 PM, Kaelig [email protected] wrote:

Thank you @jorgjanke https://github.com/jorgjanke for reporting yet
another issue, this is very helpful.

Can you specify what browser (+ version) and device the bug appears in?

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

[kaelig]

the OS does not start it. this was Path
Finder - same happens when starting from Finder or command line

Can you clarify? I'm not sure I follow. Is this related to this issue?

[jorgjanke]

... uups very sorry - mixed up with a very different issue.

The screenshot was Chrome, but same happens in Safari and FF. Looking at the css, I think it not browser specific. Demo:
http://lightningdart.com/#/desktop
click on / navigate to: Tabs
It's basically happening if the component is limited in width.
It's independent from the overflow: auto on tabs--path (then it exceeds the boundary set in the parent div)

[stefsullrew]

I see the bug. Thanks @jorgjanke — I'm working on some other issues in Sales path now, so I'll fix this truncation. For now, if you need to fix it, you can move the four truncation properties from the <a> to the .slds-tabs--path__title.

[jorgjanke]

Thanks - although to keep the truncation in general would be a good feature in case the labels are very long.

[stefsullrew]

We are keeping the truncation. I just made it work properly. ;)

[kaelig]

Thanks again @jorgjanke, we've made the change on our side and the fix will be available very soon on this very repository.