mirror of https://github.com/docker/docs.git
Icons for show more menu.
This commit is contained in:
parent
c5f093f8cb
commit
5057ab5fa9
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue