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

View File

@ -149,10 +149,10 @@ var ImageCard = React.createClass({
<div className="image-item">
<div className="overlay menu-overlay">
<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 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 className="close-overlay">
<a className="btn btn-action circular" onClick={self.handleCloseMenuOverlay}><span className="icon icon-delete"></span></a>

View File

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

View File

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

View File

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