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

Fix toot styling on public pages

Browse source 
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.
This commit is contained in:
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;
}
}
}