darkpixlz
(darkpixlz)
October 29, 2022, 3:41pm
1
When you publish a page, it works fine, but then go to that page.
Here, it looks like it’s combined many themes, the sidebar is missing, icons are gone, there are no stats, no pfp, etc.
When you’re logged out, it’s not as broken, but it’s still missing icons, the sidebar, etc.
1 Like
On mobile it looks like this while logged in:
darkpixlz
(darkpixlz)
October 29, 2022, 4:06pm
3
Yeah, I tried the Default theme and the bugs went away. Weird, I have no code to add the Air theme background, or the Inter font.
1 Like
FWIW I’ve just tried publishing a page while applying the Air Theme and it seems to be working fine for me. Both the sidebar and summary, etc show up fine on the original topic.
2 Likes
Don
November 1, 2022, 5:19pm
5
Published page has a different style. I think this is designed to minimalistic and it a kind of reader view. Sidebar is not available (yet) on published page and the header is also limited.
Here is the stylesheet for published page:
@import "common";
.published-page-content-wrapper {
margin: 2em auto;
max-width: 800px;
}
.published-page-header {
width: 100%;
top: 0;
z-index: z("header");
background-color: var(--header_background);
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25);
position: sticky;
top: 0;
.published-page-header-wrapper {
width: 925px;
display: flex;
margin: 0em auto;
padding: 0.5em 0;
This file has been truncated. show original
Discourse Air theme adds a few modification to published page to fit to the theme but you can override these with a theme component if it is not fit with your customizations.
// published page additions
.published-page-content-wrapper {
max-width: 1000px;
margin-top: 30px;
margin-bottom: 50px;
background: var(--secondary);
border-radius: 1em;
padding: 3em 3em 5%;
box-shadow: 0 24px 40px rgba(0, 0, 0, 0.07),
0 10.8529px 24.1177px rgba(0, 0, 0, 0.0456112),
0 4.50776px 10.0172px rgba(0, 0, 0, 0.035),
0 1.63037px 3.62304px rgba(0, 0, 0, 0.0243888);
z-index: 1;
position: relative;
}
.published-page {
.background-container {
display: none;
}
This file has been truncated. show original
2 Likes
darkpixlz
(darkpixlz)
November 3, 2022, 1:14am
6
Found my issue.
In my theme, a really old piece of code adds the circle like the Air theme.
.published-page {
&::before {
background: linear-gradient(
90deg,
var(--tertiary-hover) 0%,
var(--tertiary) 100%
);
clip-path: ellipse(148% 70% at 91% -14%);
content: "";
width: 100%;
height: 100%;
display: block;
position: fixed;
z-index: 0;
}
.background-container {
display: none;
}
}
I’ll remove it.
1 Like
system
(system)
Closed
December 3, 2022, 1:15am
7
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.