Wiki summary flexboxed

stable
Xavier Julián 2015-02-17 08:37:37 +01:00
parent 24cc5ff366
commit 1ec53294d1
2 changed files with 32 additions and 34 deletions

View File

@ -1,13 +1,14 @@
ul div.wiki-times-edited
li
span.number <%- totalEditions %> span.number <%- totalEditions %>
span.description times <br />edited span.description times <br />edited
li
div.wiki-last-modified
span.number <%- lastModifiedDate %> span.number <%- lastModifiedDate %>
span.description last <br />edit span.description last <br />edit
li.username-edition div.wiki-username-edition
figure.avatar figure.avatar
img(src!="<%- user.imgUrl %>" alt!="<%- user.name %>") img(src!="<%- user.imgUrl %>" alt!="<%- user.name %>")
div.wiki-user-modification
span.description last modification span.description last modification
span.username <%- user.name %> span.username <%- user.name %>

View File

@ -1,31 +1,28 @@
.wiki-summary { .wiki-summary {
@include clearfix(); align-items: center;
figure { justify-content: flex-start;
float: left; flex-wrap: wrap;
margin-right: .5rem; div {
vertical-align: sub;
width: 32px;
}
ul {
align-items: flex-start;
display: flex; display: flex;
flex-direction: row; justify-content: space-between;
margin-right: 1rem;
}
.number {
line-height: 2rem;
top: 0;
}
.wiki-user-modification {
display: flex;
flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
} }
.username-edition { figure {
min-width: 240px; margin-right: .3rem;
span { width: 32px;
display: block;
float: none;
} }
.username { .username {
@extend %large; @extend %large;
color: $fresh-taiga; color: $fresh-taiga;
white-space: nowrap; white-space: nowrap;
} }
}
.button {
color: $white;
float: right;
}
} }