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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Reference in New Issue