mirror of https://github.com/docker/docs.git
Fixed button styles.
This commit is contained in:
parent
255d2f5e44
commit
159af526f2
|
@ -186,16 +186,16 @@ var ContainerDetails = React.createClass({
|
|||
</div>
|
||||
<div className="details-header-actions">
|
||||
<div className="action btn-group">
|
||||
<a className="btn btn-action with-icon" onClick={this.handleClick}><span className="icon icon-preview-2"></span><span className="content">View</span></a><a className="btn btn-action with-icon dropdown-toggle"><span className="icon-dropdown icon icon-arrow-37"></span></a>
|
||||
<a className="btn btn-action" onClick={this.handleClick}><span className="icon icon-preview-2"></span><span className="content">View</span></a><a className="btn btn-action with-icon dropdown-toggle"><span className="icon-dropdown icon icon-arrow-37"></span></a>
|
||||
</div>
|
||||
<div className="action">
|
||||
<a className="btn btn-action with-icon dropdown-toggle" onClick={this.handleClick}><span className="icon icon-folder-1"></span> <span className="content">Volumes</span> <span className="icon-dropdown icon icon-arrow-37"></span></a>
|
||||
<a className="btn btn-action dropdown-toggle" onClick={this.handleClick}><span className="icon icon-folder-1"></span> <span className="content">Volumes</span> <span className="icon-dropdown icon icon-arrow-37"></span></a>
|
||||
</div>
|
||||
<div className="action">
|
||||
<a className="btn btn-action with-icon" onClick={this.handleClick}><span className="icon icon-refresh"></span> <span className="content">Restart</span></a>
|
||||
<a className="btn btn-action" onClick={this.handleClick}><span className="icon icon-refresh"></span> <span className="content">Restart</span></a>
|
||||
</div>
|
||||
<div className="action">
|
||||
<a className="btn btn-action with-icon" onClick={this.handleClick}><span className="icon icon-window-code-3"></span> <span className="content">Terminal</span></a>
|
||||
<a className="btn btn-action" onClick={this.handleClick}><span className="icon icon-window-code-3"></span> <span className="content">Terminal</span></a>
|
||||
</div>
|
||||
<div className="details-header-actions-rhs tabs btn-group">
|
||||
<a className={textButtonClasses} onClick={this.showLogs}><span className="icon icon-text-wrapping-2"></span></a>
|
||||
|
|
|
@ -103,7 +103,7 @@ var ContainerModal = React.createClass({
|
|||
<div className="action">
|
||||
<div className="btn-group">
|
||||
<a className="btn btn-action" name={r.name} onClick={self.handleClick}>Create</a>
|
||||
<a className="btn btn-action with-icon dropdown-toggle"><span className="icon-dropdown icon icon-arrow-58"></span></a>
|
||||
<a className="btn btn-action with-icon dropdown-toggle"><span className="icon-dropdown icon icon-arrow-37"></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
|
|
@ -41,7 +41,7 @@
|
|||
.create {
|
||||
flex: 1 auto;
|
||||
text-align: right;
|
||||
.btn {
|
||||
/*.btn {
|
||||
margin-top: 4px;
|
||||
padding: 4px 7px;
|
||||
font-size: 16px;
|
||||
|
@ -51,7 +51,7 @@
|
|||
top: 3px;
|
||||
left: 1px;
|
||||
}
|
||||
}
|
||||
}*/
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -70,7 +70,9 @@ h4 {
|
|||
.btn {
|
||||
.icon-dropdown {
|
||||
&.icon:before {
|
||||
top: 7px;
|
||||
position: relative;
|
||||
font-size: 10px;
|
||||
top: -2px;
|
||||
margin-left: 0px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
@ -99,6 +101,14 @@ h4 {
|
|||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.icon-dropdown {
|
||||
&.icon:before {
|
||||
font-size: 10px;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
|
@ -116,6 +126,10 @@ h4 {
|
|||
box-shadow: none;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
&.only-icon {
|
||||
padding: 6px 7px 6px 7px;
|
||||
}
|
||||
}
|
||||
|
||||
// Apply the mixin to the buttons
|
||||
|
|
Loading…
Reference in New Issue