openstack/horizon
Code Issues Proposed changes

Image Sharing - Visibility - fix for long phrases

Browse Source 
Change include both forms - create image and edit image

At this moment, in block Image Sharing, buttons in Visibility function displayed without problem only for English language, if start using languages ​​with long phrases - buttons are transferred to another line, which does not look very nice.

Overall, I think we can change the design of this element to a drop-down list, but given that this is an angular form, I think it would be better to do this when back to python.

Change-Id: Iefd92c8abf52372d74e64f601fb9557006f0a876
This commit is contained in:
Ivan Anfimov
2025-04-24 23:17:10 +00:00
parent c7e4095f95
commit 502717ed85
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
openstack_dashboard/static/app/core/images/_images.scss
View File

@@ -12,3 +12,12 @@ table[ng-controller="horizon.app.core.images.table.ImagesController as table"] {
max-height: 30em;
}
/* https://review.opendev.org/c/openstack/horizon/+/948168 */
/* anfimovir: we need save it after update form to python or change style for */
/* visibility element to drop-down list, for prevent problems with long phrases */
[ng-controller="horizon.app.core.images.steps.CreateImageController as ctrl"] .btn-group,
[ng-controller="horizon.app.core.images.steps.EditImageController as ctrl"] .btn-group {
display: flex;
flex-wrap: nowrap;
}

5
releasenotes/notes/fix-image-sharing-visibility.yaml Normal file
View File

@@ -0,0 +1,5 @@
---
fixes:
- |
Image Sharing - Visibility, fixed issues with displaying buttons when using languages
with long phrases, buttons could wrap across multiple lines.