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

Larger font and circular button alignment.

This commit is contained in:
Sean Li 2015-06-15 13:13:51 -07:00
parent 575642a427
commit 6614c79951
5 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
styles/left-panel.less
View File

@ -131,7 +131,7 @@
} }
li { li {
vertical-align: middle; vertical-align: middle;
padding: 0.7rem 1rem 0.7rem 1.4rem; padding: 0.5rem 1rem 0.7rem 1.4rem;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
height: 45px; height: 45px;
@ -147,14 +147,14 @@
max-width: @sidebar-text-overflow-width; max-width: @sidebar-text-overflow-width;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
font-size: 12px; font-size: 13px;
font-weight: 400; font-weight: 400;
color: @gray-darkest; color: @gray-darkest;
} }
.image { .image {
margin-top: -0.1rem; margin-top: -0.1rem;
color: @gray-light; color: @gray-light;
font-size: 10px; font-size: 11px;
font-weight: 400; font-weight: 400;
text-overflow: ellipsis; text-overflow: ellipsis;
max-width: @sidebar-text-overflow-width; max-width: @sidebar-text-overflow-width;

12
styles/new-container.less
View File

@ -235,7 +235,7 @@
overflow: auto; overflow: auto;
padding: 0.5rem; padding: 0.5rem;
.tag { .tag {
font-size: 10px; font-size: 11px;
padding: 0.3rem 0.6rem; padding: 0.3rem 0.6rem;
display: inline-block; display: inline-block;
flex: 0 auto; flex: 0 auto;
@ -309,7 +309,7 @@
position: relative; position: relative;
width: 190px; width: 190px;
.namespace { .namespace {
font-size: 10px; font-size: 11px;
color: @gray-normal; color: @gray-normal;
&.official { &.official {
color: @brand-action; color: @brand-action;
@ -326,10 +326,10 @@
} }
} }
.description { .description {
font-size: 10px; font-size: 11px;
color: @gray-light; color: @gray-light;
padding-right: 1rem; padding-right: 1rem;
height: 44px; height: 48px;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
@ -346,7 +346,7 @@
border-top: 1px solid @color-divider; border-top: 1px solid @color-divider;
.favorites { .favorites {
flex: 1 auto; flex: 1 auto;
font-size: 10px; font-size: 11px;
color: @gray-normal; color: @gray-normal;
border-right: 1px solid @color-divider; border-right: 1px solid @color-divider;
padding: 1.1rem 1.2rem; padding: 1.1rem 1.2rem;
@ -363,7 +363,7 @@
} }
.tags { .tags {
flex: 1 auto; flex: 1 auto;
font-size: 10px; font-size: 11px;
color: @gray-darker; color: @gray-darker;
padding-left: 1rem; padding-left: 1rem;
.key { .key {

2
styles/right-panel.less
View File

@ -87,7 +87,7 @@
} }
.btn-label { .btn-label {
text-align: center; text-align: center;
font-size: 9px; font-size: 10px;
position: relative; position: relative;
top: -0.5rem; top: -0.5rem;
} }

3
styles/theme.less
View File

@ -249,7 +249,8 @@ input[type="text"] {
border-radius: 100%; border-radius: 100%;
&.small { &.small {
width: 22px; width: 22px;
padding: 3px 5px 4px 5px; height: 22px;
padding: 0.4rem 0.55rem;
.icon { .icon {
&::before { &::before {
-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased;

2
styles/variables.less
View File

@ -33,4 +33,4 @@
@container-state-size: 20px; @container-state-size: 20px;
@image-card-width: 260px; @image-card-width: 260px;
@image-card-height: 130px; @image-card-height: 135px;