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.
master
Thibaut Girka 6 years ago
parent 7ab46b73bd
commit a0d0111979
  1. 40
      app/javascript/flavours/glitch/styles/stream_entries.scss

@ -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;
}
}
}

Loading…
Cancel
Save