me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Basic static metadata styling

Browse source
This commit is contained in:
kibigo! 2017-10-06 22:22:34 -07:00
parent 7f8f0e3890
commit fb05013855
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)) }