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

Icons for show more menu.

This commit is contained in:
Sean Li 2015-06-10 11:22:58 -07:00
parent c5f093f8cb
commit 5057ab5fa9
4 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -149,10 +149,10 @@ var ImageCard = React.createClass({
<div className="image-item"> <div className="image-item">
<div className="overlay menu-overlay"> <div className="overlay menu-overlay">
<div className="menu-item" onClick={this.handleTagOverlayClick.bind(this, this.props.image.name)}> <div className="menu-item" onClick={this.handleTagOverlayClick.bind(this, this.props.image.name)}>
SELECTED TAG: <span className="selected-tag">{this.state.chosenTag}</span> <span className="icon icon-tag"></span><span className="text">SELECTED TAG: <span className="selected-tag">{this.state.chosenTag}</span></span>
</div> </div>
<div className="menu-item" onClick={this.handleRepoClick}> <div className="menu-item" onClick={this.handleRepoClick}>
VIEW ON DOCKER HUB <span className="icon icon-link"></span><span className="text">VIEW ON DOCKER HUB</span>
</div> </div>
<div className="close-overlay"> <div className="close-overlay">
<a className="btn btn-action circular" onClick={self.handleCloseMenuOverlay}><span className="icon icon-delete"></span></a> <a className="btn btn-action circular" onClick={self.handleCloseMenuOverlay}><span className="icon icon-delete"></span></a>

4
styles/icons.less
View File

@ -22,7 +22,7 @@
speak: none; speak: none;
line-height: 1; line-height: 1;
//-webkit-font-smoothing: subpixel-antialiased; //-webkit-font-smoothing: subpixel-antialiased;
//-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
@ -36,7 +36,7 @@
speak: none; speak: none;
line-height: 1; line-height: 1;
//-webkit-font-smoothing: subpixel-antialiased; //-webkit-font-smoothing: subpixel-antialiased;
//-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }

4
styles/main.less
View File

@ -28,9 +28,9 @@ html, body {
-webkit-user-drag: none; -webkit-user-drag: none;
font-family: @font-regular; font-family: @font-regular;
cursor: default; cursor: default;
//-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased;
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased; //-webkit-font-smoothing: antialiased;
img { img {
pointer-events: none; pointer-events: none;
} }

10
styles/new-container.less
View File

@ -191,9 +191,19 @@
.menu-item { .menu-item {
padding: 0.8rem 1rem; padding: 0.8rem 1rem;
border-bottom: 1px solid @color-divider; border-bottom: 1px solid @color-divider;
height: 40px;
.box-button(); .box-button();
.selected-tag { .selected-tag {
color: @brand-primary; color: @brand-primary;
margin-left: 0.3rem;
}
.icon {
font-size: 18px;
}
.text {
position: relative;
top: -0.4rem;
margin-left: 0.3rem;
} }
} }
.close-overlay { .close-overlay {