yahoo-eng-team team mailing list archive

[Gloria Gu <gfgu@xxxxxxxx>]

Public bug reported:

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.

** Affects: horizon
     Importance: Undecided
     Assignee: Gloria Gu (gloria-gu)
         Status: In Progress

** Summary changed:

- In the horizon GUI Edit Project screen the group names are truncated when it is too long
+ Group names in Edit Project can get truncated when it is too long

** Description changed:

  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 is no way to know what ... is there unless go to Identity ->
+ Groups
  
- names with no space or _ will be truncated: 	
+ 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.

** Changed in: horizon
     Assignee: (unassigned) => Gloria Gu (gloria-gu)

** Changed in: horizon
       Status: New => In Progress

-- 
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):
  In Progress

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