basti
3c73ddd443
This allows us to add them anywhere in the app, and also to add more features, like e.g. hover info boxes, links, and so on.
85 lines
1.4 KiB
SCSS
85 lines
1.4 KiB
SCSS
table.contributor-list {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
|
|
tr {
|
|
border-bottom: 1px solid rgba(255,255,255,0.2);
|
|
&:first-of-type {
|
|
border-top: 1px solid rgba(255,255,255,0.2);
|
|
}
|
|
background-color: rgba(255,255,255,0.1);
|
|
|
|
&.current-user {
|
|
background-color: rgba(255,255,255,0.2);
|
|
}
|
|
|
|
&.metadata {
|
|
height: 0;
|
|
transition: all 0.2s ease-out;
|
|
|
|
td {
|
|
padding: 0 1.2rem;
|
|
}
|
|
|
|
a {
|
|
color: $primary-color;
|
|
&:hover, &:active {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
display: block;
|
|
overflow: hidden;
|
|
height: 0;
|
|
transition: all 0.2s ease-out;
|
|
|
|
li {
|
|
display: inline;
|
|
&+li {
|
|
margin-left: 1rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.visible {
|
|
height: auto;
|
|
ul {
|
|
height: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
td {
|
|
padding: 0 1.2rem;
|
|
line-height: 4.2rem;
|
|
|
|
&.person {
|
|
text-align: left;
|
|
font-size: 1.4rem;
|
|
|
|
img.avatar {
|
|
margin-right: 0.2rem;
|
|
}
|
|
}
|
|
|
|
&.kredits {
|
|
text-align: right;
|
|
.amount {
|
|
font-size: 1.4rem;
|
|
}
|
|
.symbol {
|
|
font-size: 1rem;
|
|
padding-left: 0.2rem;
|
|
}
|
|
}
|
|
|
|
pre {
|
|
line-height: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
}
|
|
}
|
|
}
|