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