discourse/app/assets/stylesheets/common/base/not-found.scss
Dan Ungureanu fdb1d3404c
FEATURE: Add site setting to show more detailed 404 errors. (#8014)
If the setting is turned on, then the user will receive information
about the subject: if it was deleted or requires some special access to
a group (only if the group is public). Otherwise, the user will receive
a generic #404 error message. For now, this change affects only the
topics and categories controller.

This commit also tries to refactor some of the code related to error
handling. To make error pages more consistent (design-wise), the actual
error page will be rendered server-side.
2019-10-08 14:15:08 +03:00

52 lines
800 B
SCSS

// Page not found styles
.page-not-found {
margin: 0 0 40px 0;
h1.title {
font-size: $font-up-5;
line-height: $line-height-medium;
}
&-search {
margin-top: 20px;
}
}
.page-not-found-topics {
display: flex;
@media screen and (max-width: 600px) {
flex-wrap: wrap;
}
}
.popular-topics,
.recent-topics {
box-sizing: border-box;
width: 50%;
max-width: 400px;
margin-bottom: 40px;
padding-right: 20px;
@media screen and (max-width: 600px) {
width: 100%;
}
h2 {
margin-bottom: 10px;
}
}
.not-found-topic {
display: flex;
flex-wrap: wrap;
align-items: baseline;
margin-bottom: 15px;
@media screen and (max-width: 600px) {
&:nth-of-type(n + 6) {
display: none;
}
}
a:not(.badge-wrapper) {
flex-basis: 100%;
}
}