diff options
| author | kibigo! <marrus-sh@users.noreply.github.com> | 2017-10-06 22:22:34 -0700 |
|---|---|---|
| committer | kibigo! <marrus-sh@users.noreply.github.com> | 2017-10-06 22:22:34 -0700 |
| commit | 6610d57f91a5e2a2f862a20eaaca76a5c8efe1e2 (patch) | |
| tree | 5c81a7e6ac0472f87042eb24f43a2512e7c4f846 | |
| parent | 1a8011648fa436fdf9dd6ed1af8f5ffe0d324430 (diff) | |
Basic static metadata styling
| -rw-r--r-- | app/javascript/styles/accounts.scss | 25 | ||||
| -rw-r--r-- | app/views/accounts/_header.html.haml | 8 |
2 files changed, 29 insertions, 4 deletions
diff --git a/app/javascript/styles/accounts.scss b/app/javascript/styles/accounts.scss index 744650554..b51761de1 100644 --- a/app/javascript/styles/accounts.scss +++ b/app/javascript/styles/accounts.scss @@ -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; diff --git a/app/views/accounts/_header.html.haml b/app/views/accounts/_header.html.haml index dcc6661ba..5b504912d 100644 --- a/app/views/accounts/_header.html.haml +++ b/app/views/accounts/_header.html.haml @@ -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)) } |