ar
/
mastodon
forked from treehouse/mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Basic static metadata styling

rebase/4.0.0rc2
kibigo! 2017-10-06 22:22:34 -07:00
parent 1a8011648f
commit 6610d57f91
2 changed files with 29 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/javascript/styles/accounts.scss
View File

@ -203,6 +203,31 @@
color: $ui-secondary-color;
}
.metadata {
margin: 15px 0;
border: thin $ui-base-color solid;
border-collapse: collapse;
padding: 0;
th {
margin: 0;
border: thin $ui-base-color solid;
padding: 0 5px;
color: $ui-secondary-color;
background: darken($ui-base-color, 8%);
width: 94px;
vertical-align: middle;
}
td {
margin: 0;
border: thin $ui-base-color solid;
padding: 0 5px;
color: $ui-primary-color;
vertical-align: middle;
}
}
@media screen and (max-width: 480px) {
display: block;

8
app/views/accounts/_header.html.haml
View File

@ -34,11 +34,11 @@
.bio
.account__header__content.p-note.emojify!=processed_bio[:text]
- if processed_bio[:metadata].length > 0
.metadata<
%table.metadata<
- processed_bio[:metadata].each do |i|
.metadata-item><
%b.emojify>!=i[0]
%span.emojify>!=i[1]
%tr.metadata-item><
%th.emojify>!=i[0]
%td.emojify>!=i[1]
.details-counters
.counter{ class: active_nav_class(short_account_url(account)) }