Bug 1383623

Summary: Should provide a full view of ImageStream tags table
Product: OKD Reporter: Yadan Pei <yapei>
Component: Management ConsoleAssignee: Steve Goodwin <sgoodwin>
Status: CLOSED CURRENTRELEASE QA Contact: Yadan Pei <yapei>
Severity: low Docs Contact:
Priority: medium    
Version: 3.xCC: aos-bugs, mmccomas
Target Milestone: ---   
Target Release: ---   
Hardware: Unspecified   
OS: Unspecified   
Whiteboard:
Fixed In Version: Doc Type: If docs needed, set a value
Doc Text:
Story Points: ---
Clone Of: Environment:
Last Closed: 2016-12-09 21:53:11 UTC Type: Bug
Regression: --- Mount Type: ---
Documentation: --- CRM:
Verified Versions: Category: ---
oVirt Team: --- RHEL 7.3 requirements from Atomic Host:
Cloudforms Team: --- Target Upstream Version:
Attachments:
Description Flags
RightBoarderAndContentAreNotFullyDisplayed none

Description Yadan Pei 2016-10-11 09:30:56 UTC 
Description of problem:
The right boarder of table containing all IS tags and info on page browse/images/<is_name> are not fully displayed

Version-Release number of selected component (if applicable):
openshift v1.4.0-alpha.0+d6a4d98(manually vendored, latest commit is f0bc397)
kubernetes v1.4.0+776c994
etcd 3.1.0-alpha.1
Browser width in 774 ~ 1081

How reproducible:
Always

Steps to Reproduce:
1.Create ImageStream
# oc create -f https://raw.githubusercontent.com/openshift/origin/master/examples/image-streams/image-streams-rhel7.json
2.Go to Builds -> Images -> click on one IS (python in this case)
3.Check browse/images/python displaying

Actual results:
3. The right boarder of table containing all IS tags and info are not fully displayed, refer to attachment

Expected results:
3. The table should adjust its width automatically when browser width changes
Or provide a horizontal scroll bar to view all its content when browser width changes to smaller

Additional info:
For generated ImageStream(generated after build finish), its IS tags and info table could display well
Comment 1 Yadan Pei 2016-10-11 09:31:32 UTC 
Created attachment 1209061 [details]
RightBoarderAndContentAreNotFullyDisplayed
Comment 2 openshift-github-bot 2016-10-28 19:22:04 UTC 
Commit pushed to master at https://github.com/openshift/origin-web-console

https://github.com/openshift/origin-web-console/commit/d6468dcf61cbc0297fd0c8cc620654f680dd771d
Truncate imageStreamName like we do for dockerImageReference.
- create mixin to handle cases based on media queries
- for @screen-*-min widths a max-width is needed to truncate
- max-width determined by minimum space need if both imageStreamName and dockerImageReference fields need truncating
Fixes bug 1383623
Comment 3 Yadan Pei 2016-11-01 05:51:27 UTC 
Checked against latest origin-web-console(latest commit is 34067a1)

Now the ImageStream tags table could adjust the boarder flexibly 

Move to VERIFIED