diff options
author | Zuul <zuul@review.opendev.org> | 2019-10-01 15:16:56 +0000 |
---|---|---|
committer | Gerrit Code Review <review@openstack.org> | 2019-10-01 15:16:56 +0000 |
commit | 7427a8ffee9a4ddc5f9976b6138f8b294b776810 (patch) | |
tree | 50c172c905cef1bd591e3b2d96fa97a8dce215db | |
parent | ee153bbfd986afd256424996eebd8e1ba5de4981 (diff) | |
parent | 6b9ddde90096be58510f3e99e81a04211d8f66b4 (diff) | |
download | horizon-7427a8ffee9a4ddc5f9976b6138f8b294b776810.tar.gz |
Merge "Updated max-width to be dynamic for .member class" into stable/stein
-rw-r--r-- | openstack_dashboard/static/dashboard/scss/_variables.scss | 2 | ||||
-rw-r--r-- | openstack_dashboard/static/dashboard/scss/components/_membership.scss | 3 |
2 files changed, 3 insertions, 2 deletions
diff --git a/openstack_dashboard/static/dashboard/scss/_variables.scss b/openstack_dashboard/static/dashboard/scss/_variables.scss index ead18c0b0..fbe0bda52 100644 --- a/openstack_dashboard/static/dashboard/scss/_variables.scss +++ b/openstack_dashboard/static/dashboard/scss/_variables.scss @@ -72,7 +72,7 @@ $members-list-border: 1px solid $gray-light !default; // TODO: These values are hardcoded lengths but they are actually // very dependant on the modal size set in the theme. We need // to eventually readdress these and calculate them dynamically -$members-list-item-width: 130px !default; +$members-list-item-width: 80% !default; $members-list-item-max-width: 327px !default; $members-list-roles-width: 125px !default; diff --git a/openstack_dashboard/static/dashboard/scss/components/_membership.scss b/openstack_dashboard/static/dashboard/scss/components/_membership.scss index 2a207bb04..cc0ad7f78 100644 --- a/openstack_dashboard/static/dashboard/scss/components/_membership.scss +++ b/openstack_dashboard/static/dashboard/scss/components/_membership.scss @@ -102,7 +102,6 @@ background-color: $link-hover-color; } } - .member, .role_options .roles_display { overflow: hidden; text-overflow: ellipsis; @@ -112,6 +111,8 @@ padding-right: 0; padding-left: $padding-base-vertical; max-width: $members-list-item-width; + overflow: hidden; + overflow-wrap: break-word; // In case it is really long } .role_options { margin-left: 0; |