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

Tabs now float right.

This commit is contained in:
Sean Li 2015-01-23 10:13:17 -08:00
parent b4dff73b38
commit 499927c55a
3 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/ContainerDetails.react.js
View File

@ -183,7 +183,9 @@ var ContainerDetails = React.createClass({
<div className="action"> <div className="action">
<a className="btn btn-action" onClick={this.handleClick}><span className="icon icon-window-code-3"></span> Terminal</a> <a className="btn btn-action" onClick={this.handleClick}><span className="icon icon-window-code-3"></span> Terminal</a>
</div> </div>
<div className="action btn-group"> </div>
<div className="details-tabs">
<div className="tabs btn-group">
<a className="btn btn-action only-icon active"><span className="icon icon-text-wrapping-2"></span></a> <a className="btn btn-action only-icon active"><span className="icon icon-text-wrapping-2"></span></a>
<a className="btn btn-action only-icon"><span className="icon icon-setting-gear"></span></a> <a className="btn btn-action only-icon"><span className="icon icon-setting-gear"></span></a>
</div> </div>

8
app/styles/containers.less
View File

@ -232,6 +232,14 @@
} }
} }
.details-tabs {
.tabs {
float: right;
margin-right: 40px;
margin-top: -42px;
}
}
.details-header { .details-header {
flex: 0 auto; flex: 0 auto;
display: flex; display: flex;

4
app/styles/theme.less
View File

@ -34,7 +34,7 @@
} }
&:active { &:active {
background-color: lighten(@btn-color, 30%); background-color: lighten(@btn-color, 45%);
border-color: darken(@btn-color, 10%); border-color: darken(@btn-color, 10%);
color: darken(@btn-color, 10%); color: darken(@btn-color, 10%);
} }
@ -73,7 +73,7 @@
box-shadow: none; box-shadow: none;
font-weight: 400; font-weight: 400;
text-shadow: none; text-shadow: none;
padding: 0px 12px 0px 12px; padding: 0px 14px 0px 14px;
height: 32px; height: 32px;
.icon:before { .icon:before {
position: relative; position: relative;