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

Fixed flex box layout issues.

This commit is contained in:
Sean Li 2015-06-11 17:55:02 -07:00
parent 378b48c39c
commit c27aec057a
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
styles/right-panel.less
View File

@ -3,7 +3,7 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
flex: 1 auto; flex: 1 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.header-section { .header-section {
@ -43,7 +43,7 @@
} }
} }
.details-subheader { .details-subheader {
flex: 0 auto; flex: 0 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
position: relative; position: relative;
@ -51,7 +51,6 @@
border-radius: @border-radius; border-radius: @border-radius;
background-color: white; background-color: white;
top: -1px; top: -1px;
height: 64px;
font-size: 10px; font-size: 10px;
padding-left: 0.3rem; padding-left: 0.3rem;
.details-header-actions { .details-header-actions {
@ -95,8 +94,13 @@
} }
} }
.details-subheader-tabs { .details-subheader-tabs {
margin: 3rem -0.1rem 0 0; display: flex;
flex: 1 auto; justify-content: flex-end;
align-items: flex-end;
position: relative;
right: -1px;
top: 1px;
flex: 1 0;
text-align: right; text-align: right;
.details-tab { .details-tab {
transition: background-color 140ms; transition: background-color 140ms;
@ -105,6 +109,7 @@
padding: 1.5rem 2rem; padding: 1.5rem 2rem;
border-top: 1px solid @color-divider; border-top: 1px solid @color-divider;
border-left: 1px solid @color-divider; border-left: 1px solid @color-divider;
border-bottom: 1px solid transparent;
color: @gray-light; color: @gray-light;
&:hover { &:hover {
background-color: @color-box-button; background-color: @color-box-button;