treehouse
/
mastodon
22
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Fix toot styling on public pages 

The public pages now use CSS from the WebUI to style toots, but the glitch-soc
UI is widely different. Hack around that for now by hardcoding upstream-like
values.
lolsob-rspec
Thibaut Girka 2018-07-31 23:59:17 +02:00
parent d87eac4663
commit 8d2f582bf7
1 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
app/javascript/flavours/glitch/styles/stream_entries.scss
View File

@ -143,3 +143,43 @@
} }
} }
} }
// Styling from upstream's WebUI, as public pages use the same layout
.embed,
.public-layout {
.status {
.status__info .status__display-name {
display: block;
max-width: 100%;
padding-right: 25px;
}
.status__info {
font-size: 15px;
display: initial;
}
.status__relative-time {
color: $dark-text-color;
float: right;
font-size: 14px;
width: auto;
margin: initial;
padding: initial;
}
.status__info .status__display-name {
display: block;
max-width: 100%;
padding-right: 25px;
margin: initial;
}
.status__avatar {
height: 48px;
position: absolute;
width: 48px;
margin: initial;
}
}
}