Bug #24810
closedMissing value in product details causes values to not align to their labels
Description
Cloned from https://bugzilla.redhat.com/show_bug.cgi?id=1625175
On Subscription details page, there are 4 values displayed for each product: Content Download URL, GPG Key URL, Repo Type and Enabled?. If one value is missing, it causes subsequent values to shift up and not align with their labels. See attached screenshot.
Version-Release number of selected component (if applicable):
tfm-rubygem-katello-3.7.0
Steps to Reproduce:
1. Create new product. Make sure that GPG Key field remains empty. Add one yum repository: https://repos.fedorapeople.org/repos/pulp/pulp/demo_repos/zoo/
2. Content -> Subscriptions -> Product from previous step -> Enabled Products -> expand product
3. Try to read data
Solution:
The root cause is HTML structure displaying ultimately tabular data in column-oriented way instead of row-oriented way.
Instead of (simplified code):
<div class="col-sm-3">
<div class="row">Label</div>
</div>
<div class="col-sm-9">
<div class="row">value</div>
</div>
It should be:
<div class="row">
<div class="col-sm-3">
Label
</div>
<div class="col-sm-9">
value
</div>
</div>
New structure would also make data more readable on phones / very narrow screens. Right now it's all labels, all values, one under another. With new structure, it would be label, value, intertwined.
Updated by Tomáš Strachota over 6 years ago
- Subject changed from Missing value in product details causes values to not align to their labels to Missing value in product details causes values to not align to their labels
- Team Backlog UX added
Updated by Justin Sherrill over 6 years ago
- Target version set to Katello 3.9.0
- Triaged changed from No to Yes
Updated by The Foreman Bot over 6 years ago
- Status changed from New to Ready For Testing
- Assignee set to Amir Fefer
- Pull request https://github.com/Katello/katello/pull/7680 added
Updated by Amir Fefer over 6 years ago
- Status changed from Ready For Testing to Closed
Applied in changeset katello|75e26d47f35a4dec8ba92124e36f8a2969c36cfd.