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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/ContainerDetails.react.js
View File

@ -186,16 +186,16 @@ var ContainerDetails = React.createClass({
</div> </div>
<div className="details-header-actions"> <div className="details-header-actions">
<div className="action btn-group"> <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>
<div className="action"> <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>
<div className="action"> <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>
<div className="action"> <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>
<div className="details-header-actions-rhs tabs btn-group"> <div className="details-header-actions-rhs tabs btn-group">
<a className={textButtonClasses} onClick={this.showLogs}><span className="icon icon-text-wrapping-2"></span></a> <a className={textButtonClasses} onClick={this.showLogs}><span className="icon icon-text-wrapping-2"></span></a>

2
app/ContainerModal.react.js
View File

@ -103,7 +103,7 @@ var ContainerModal = React.createClass({
<div className="action"> <div className="action">
<div className="btn-group"> <div className="btn-group">
<a className="btn btn-action" name={r.name} onClick={self.handleClick}>Create</a> <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>
</div> </div>
</li> </li>

4
app/styles/containers.less
View File

@ -41,7 +41,7 @@
.create { .create {
flex: 1 auto; flex: 1 auto;
text-align: right; text-align: right;
.btn { /*.btn {
margin-top: 4px; margin-top: 4px;
padding: 4px 7px; padding: 4px 7px;
font-size: 16px; font-size: 16px;
@ -51,7 +51,7 @@
top: 3px; top: 3px;
left: 1px; left: 1px;
} }
} }*/
} }
} }

16
app/styles/theme.less
View File

@ -70,7 +70,9 @@ h4 {
.btn { .btn {
.icon-dropdown { .icon-dropdown {
&.icon:before { &.icon:before {
top: 7px; position: relative;
font-size: 10px;
top: -2px;
margin-left: 0px; margin-left: 0px;
margin-right: 4px; margin-right: 4px;
} }
@ -99,6 +101,14 @@ h4 {
margin-right: 5px; margin-right: 5px;
} }
.icon-dropdown {
&.icon:before {
font-size: 10px;
position: relative;
top: -2px;
}
}
.icon { .icon {
position: relative; position: relative;
font-size: 16px; font-size: 16px;
@ -116,6 +126,10 @@ h4 {
box-shadow: none; box-shadow: none;
outline: none !important; outline: none !important;
} }
&.only-icon {
padding: 6px 7px 6px 7px;
}
} }
// Apply the mixin to the buttons // Apply the mixin to the buttons