docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #555 from kitematic/informative-tag-selection 

Added informative text for selecting image tags
This commit is contained in:
Sean Li 2015-05-27 14:10:07 -07:00
parent 112301b774 b1449426e7
commit fe89879dd5
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/ImageCard.react.js
View File

@ -144,6 +144,7 @@ var ImageCard = React.createClass({
return ( return (
<div className="image-item"> <div className="image-item">
<div className="tag-overlay" onClick={self.handleCloseTagOverlay}> <div className="tag-overlay" onClick={self.handleCloseTagOverlay}>
<p>Please select an image tag.</p>
{tags} {tags}
</div> </div>
<div className="logo" style={logoStyle}> <div className="logo" style={logoStyle}>

7
styles/new-container.less
View File

@ -194,13 +194,18 @@
font-size: 13px; font-size: 13px;
display: none; display: none;
padding: 10px; padding: 10px;
p {
color: white;
padding-bottom: 7px;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.tag-list { .tag-list {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: flex-start; align-items: flex-start;
align-content: flex-start; align-content: flex-start;
flex-flow: row wrap; flex-flow: row wrap;
height: 140px; height: 100px;
overflow: auto; overflow: auto;
.tag { .tag {
display: inline-block; display: inline-block;