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">
<a className="btn btn-action" onClick={this.handleClick}><span className="icon icon-window-code-3"></span> Terminal</a>
</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"><span className="icon icon-setting-gear"></span></a>
</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 {
flex: 0 auto;
display: flex;

4
app/styles/theme.less
View File

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