Fixed button styles.

This commit is contained in:
Sean Li 2015-01-25 16:57:27 -08:00
parent 255d2f5e44
commit 159af526f2
4 changed files with 22 additions and 8 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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;
}
}
}*/
}
}

View File

@ -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