-
Notifications
You must be signed in to change notification settings - Fork 231
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
Fix toggle link positioning for truncation directive #1316
Fix toggle link positioning for truncation directive #1316
Conversation
@@ -4,15 +4,15 @@ | |||
<span ng-attr-title="{{content}}"> | |||
<span ng-bind-html="truncatedContent | highlightKeywords : keywords" class="truncated-content"></span>… | |||
</span> | |||
<a ng-if="expandable" href="" ng-click="toggles.expanded = true" style="margin-left: 5px; white-space: nowrap;">See all</a> | |||
<a ng-if="expandable" href="" ng-click="toggles.expanded = true" class="truncated-content-toggle-link">See all</a> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If "See all" wraps by itself onto the next line, is the left margin wrong?
0a87004
to
5dec7f7
Compare
@spadgett updated pr so margin is applied around content in collapsed state so it aligns if wrapped |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Just a couple nits, otherwise LGTM
app/styles/_core.less
Outdated
margin-right: 10px; | ||
} | ||
|
||
.truncated-content-toggle-link { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'd just call this .truncation-collapse-link
since it is no longer for the see all link.
<span ng-bind-html="truncatedContent | highlightKeywords : keywords" class="truncated-content"></span>… | ||
</span> | ||
<a ng-if="expandable" href="" ng-click="toggles.expanded = true" style="margin-left: 5px; white-space: nowrap;">See all</a> | ||
<a ng-if="expandable" href="" ng-click="toggles.expanded = true" class="nowrap">See all</a> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Do you mind changing to headline case "See All" while you're in the code?
5dec7f7
to
0140d25
Compare
@spadgett pr has been updated ptal |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks @sg00dwin
[merge] |
Merge failed from dist mismatch |
0140d25
to
19fa849
Compare
pushed an updated main.css. Lets see if that fixes it. |
[merge] |
Evaluated for origin web console merge up to 19fa849 |
Origin Web Console Merge Results: SUCCESS (https://ci.openshift.redhat.com/jenkins/job/test_pull_requests_origin_web_console/1143/) (Base Commit: fb5ff0b) |
Fixes #1277