taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/partials/wiki/wiki-summary.jade
View File

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

45
app/styles/modules/wiki/wiki-summary.scss
View File

@ -1,31 +1,28 @@
.wiki-summary {
@include clearfix();
figure {
float: left;
margin-right: .5rem;
vertical-align: sub;
width: 32px;
}
ul {
align-items: flex-start;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
div {
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;
}
.username-edition {
min-width: 240px;
span {
display: block;
float: none;
}
.username {
@extend %large;
color: $fresh-taiga;
white-space: nowrap;
}
figure {
margin-right: .3rem;
width: 32px;
}
.button {
color: $white;
float: right;
.username {
@extend %large;
color: $fresh-taiga;
white-space: nowrap;
}
}