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.
This commit is contained in:
parent
7ab46b73bd
commit
a0d0111979
|
@ -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…
Reference in New Issue