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

Set fixed size so retina image won't expand.

This commit is contained in:
Sean Li 2015-04-27 09:24:02 -07:00
parent 75550a0bbe
commit d5e37197f9
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -224,14 +224,14 @@ var ContainerDetailsSubheader = React.createClass({
if (this.disableStop()) { if (this.disableStop()) {
startStopToggle = ( startStopToggle = (
<div className={startActionClass} onMouseEnter={this.handleItemMouseEnterStart} onMouseLeave={this.handleItemMouseLeaveStart}> <div className={startActionClass} onMouseEnter={this.handleItemMouseEnterStart} onMouseLeave={this.handleItemMouseLeaveStart}>
<div className="action-icon" onClick={this.handleStart}><RetinaImage src="button-start.png"/></div> <div className="action-icon" onClick={this.handleStart}><RetinaImage src="button-start.png" /></div>
<span className="btn-label start">Start</span> <span className="btn-label start">Start</span>
</div> </div>
); );
} else { } else {
startStopToggle = ( startStopToggle = (
<div className={stopActionClass} onMouseEnter={this.handleItemMouseEnterStop} onMouseLeave={this.handleItemMouseLeaveStop}> <div className={stopActionClass} onMouseEnter={this.handleItemMouseEnterStop} onMouseLeave={this.handleItemMouseLeaveStop}>
<div className="action-icon" onClick={this.handleStop}><RetinaImage src="button-stop.png"/></div> <div className="action-icon" onClick={this.handleStop}><RetinaImage src="button-stop.png" /></div>
<span className="btn-label stop">Stop</span> <span className="btn-label stop">Stop</span>
</div> </div>
); );

4
styles/right-panel.less
View File

@ -25,6 +25,10 @@
.action { .action {
display: inline-block; display: inline-block;
position: relative; position: relative;
img {
width: 42px;
height: 42px;
}
&.disabled { &.disabled {
opacity: 0.3; opacity: 0.3;
} }