Wiki summary flexboxed
parent
24cc5ff366
commit
1ec53294d1
|
@ -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 %>
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue