yahoo-eng-team team mailing list archive

[OpenStack Infra <1843480@xxxxxxxxxxxxxxxxxx>]

Reviewed:  https://review.opendev.org/681366
Committed: https://git.openstack.org/cgit/openstack/horizon/commit/?id=b635e625f75744938cde49fd250dd1a5f36ca1b7
Submitter: Zuul
Branch:    master

commit b635e625f75744938cde49fd250dd1a5f36ca1b7
Author: Gloria Gu <gfgu@xxxxxxxx>
Date:   Tue Sep 10 19:54:56 2019 -0700

    Updated max-width to be dynamic for .member class
    
    When member name is longer than $members-list-item-width
    (130px) in members list (for example, project group in Edit
    Project), current text-overflow will put ... (ellipsis) at
    the end of the name and name will be truncated.
    
    Updated the styling of .member class to make max-width
    dynamic 80% and wrap the name in case it is really long.
    
    Change-Id: Ic295a9b1e7fd3525c633d51a60054e713da6a657
    Closes-bug: #1843480


** Changed in: horizon
       Status: In Progress => Fix Released

-- 
You received this bug notification because you are a member of Yahoo!
Engineering Team, which is subscribed to OpenStack Dashboard (Horizon).
https://bugs.launchpad.net/bugs/1843480

Title:
  Group names in Edit Project can get truncated when it is too long

Status in OpenStack Dashboard (Horizon):
  Fix Released

Bug description:
  Identity -> Projects, in Edit Project Dialog's Project Groups tab, if
  the name of the project is very long, it could be displayed with ...
  and there is no way to know what ... is there unless go to Identity ->
  Groups

  names with no space or _ will be truncated:
  tesatetteateteateatteateteteetekekekekekekekekekekekekekekekekek
  group_long_long_long_long_long_long_long_name

  names with space or - will not be truncated:
  group-long-long-long-long-long-long-long-long-name
  it is a long long long long long long long long name

  updated
  openstack_dashboard/static/dashboard/scess/components/_membership.scss

  .member {

  padding: $nav-link-padding;

  padding-right: 0;

  padding-left:

  $padding-base-vertical;
  max-width: $members-list-item-width; <-- 130px cause problem

  overflow-wrap: break-word; <-- added this

  }

  added overflow-wrap , the group name is not truncated...but not sure
  about the side effect since this is the css for all the membership
  related component.

To manage notifications about this bug go to:
https://bugs.launchpad.net/horizon/+bug/1843480/+subscriptions