2021-10-29 21:23:15 +08:00
|
|
|
$topic-progress-height: 42px;
|
|
|
|
|
2016-12-29 00:39:08 +08:00
|
|
|
@keyframes button-jump-up {
|
2018-06-08 17:49:31 +08:00
|
|
|
0% {
|
2018-10-04 01:21:57 +08:00
|
|
|
margin-bottom: -60px;
|
2018-06-08 17:49:31 +08:00
|
|
|
}
|
|
|
|
50% {
|
2018-10-04 01:21:57 +08:00
|
|
|
margin-bottom: 10px;
|
2018-06-08 17:49:31 +08:00
|
|
|
}
|
|
|
|
65% {
|
2018-10-04 01:21:57 +08:00
|
|
|
margin-bottom: 0px;
|
2018-06-08 17:49:31 +08:00
|
|
|
}
|
|
|
|
77% {
|
2018-10-04 01:21:57 +08:00
|
|
|
margin-bottom: 5px;
|
2018-06-08 17:49:31 +08:00
|
|
|
}
|
|
|
|
100% {
|
2018-10-04 01:21:57 +08:00
|
|
|
margin-bottom: 0px;
|
2018-06-08 17:49:31 +08:00
|
|
|
}
|
2016-12-29 00:39:08 +08:00
|
|
|
}
|
|
|
|
|
2021-04-23 04:11:47 +08:00
|
|
|
[class*="archetype-"] {
|
|
|
|
--below-topic-margin: 0.75em;
|
|
|
|
}
|
|
|
|
|
2020-10-20 05:26:38 +08:00
|
|
|
.container.posts {
|
|
|
|
display: grid;
|
|
|
|
grid-template-areas: "posts timeline";
|
|
|
|
grid-template-columns: auto auto;
|
2021-04-23 04:11:47 +08:00
|
|
|
margin-bottom: var(--below-topic-margin);
|
2020-10-20 05:26:38 +08:00
|
|
|
> .row {
|
|
|
|
grid-area: posts;
|
2020-10-21 06:35:07 +08:00
|
|
|
max-width: calc(
|
2021-05-26 15:33:08 +08:00
|
|
|
100vw - 20px
|
|
|
|
); // 20px is the left + right padding on .wrap in common/base/discourse.scss
|
2020-10-20 05:26:38 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.timeline-container {
|
|
|
|
margin-left: unset !important;
|
|
|
|
/* This is a temporary override to ease the transition
|
|
|
|
to the sticky position timeline for themes with custom timeline positioning.
|
|
|
|
Without this those themes would render topics unreadable. */
|
|
|
|
}
|
|
|
|
|
|
|
|
// timeline
|
2021-11-03 01:45:40 +08:00
|
|
|
@media screen and (min-width: 925px) {
|
|
|
|
// at 925px viewport width and above the timeline is visible (see topic-navigation.js)
|
|
|
|
.topic-navigation {
|
2020-10-20 05:26:38 +08:00
|
|
|
grid-area: timeline;
|
|
|
|
align-self: start;
|
|
|
|
@include sticky;
|
2021-09-24 02:51:06 +08:00
|
|
|
top: calc(var(--header-offset, 60px) + 2em);
|
2020-10-20 05:26:38 +08:00
|
|
|
margin-left: 1em;
|
|
|
|
z-index: z("timeline");
|
2021-11-03 01:45:40 +08:00
|
|
|
|
|
|
|
&.topic-progress-expanded {
|
|
|
|
z-index: z("fullscreen");
|
|
|
|
}
|
2021-10-29 21:23:15 +08:00
|
|
|
}
|
2020-10-20 05:26:38 +08:00
|
|
|
}
|
|
|
|
// progress bar
|
|
|
|
@media screen and (max-width: 924px) {
|
2021-11-03 01:45:40 +08:00
|
|
|
grid-template-areas: "posts";
|
|
|
|
grid-template-columns: auto;
|
|
|
|
.topic-navigation {
|
|
|
|
grid-area: posts;
|
|
|
|
grid-row: 2;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
2020-10-20 05:26:38 +08:00
|
|
|
.timeline-container:not(.timeline-fullscreen) {
|
|
|
|
display: none; // hiding this because sometimes the JS switch lags and causes layout issues
|
|
|
|
}
|
2021-10-29 21:23:15 +08:00
|
|
|
.timeline-container .timeline-scroller-content {
|
|
|
|
position: relative;
|
2020-10-20 05:26:38 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-12-21 05:00:54 +08:00
|
|
|
.progress-back-container {
|
2018-01-17 08:05:12 +08:00
|
|
|
z-index: z("dropdown");
|
2018-01-25 22:53:36 +08:00
|
|
|
margin-right: 0;
|
2016-12-29 00:39:08 +08:00
|
|
|
animation-duration: 0.5s;
|
|
|
|
animation-name: button-jump-up;
|
2016-12-29 01:24:17 +08:00
|
|
|
width: 145px;
|
|
|
|
text-align: center;
|
2018-10-04 01:21:57 +08:00
|
|
|
margin-bottom: 0px;
|
2019-10-01 23:45:51 +08:00
|
|
|
position: absolute;
|
|
|
|
right: 0;
|
2021-04-28 02:24:04 +08:00
|
|
|
top: -120%; // above parent container + some extra space
|
2016-12-21 05:00:54 +08:00
|
|
|
.btn {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-06-24 02:37:49 +08:00
|
|
|
#topic-progress-wrapper {
|
2021-10-29 21:23:15 +08:00
|
|
|
position: fixed;
|
|
|
|
bottom: 0px;
|
|
|
|
right: 10px;
|
|
|
|
margin: 0 auto;
|
2019-10-01 23:45:51 +08:00
|
|
|
display: flex;
|
2021-10-29 21:23:15 +08:00
|
|
|
justify-content: flex-end;
|
|
|
|
z-index: z("timeline");
|
2017-06-24 02:37:49 +08:00
|
|
|
.topic-admin-menu-button-container {
|
2019-10-01 23:45:51 +08:00
|
|
|
display: flex;
|
|
|
|
> span {
|
|
|
|
display: flex;
|
2017-06-24 02:37:49 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
.topic-admin-popup-menu.right-side {
|
2019-10-01 23:45:51 +08:00
|
|
|
position: absolute;
|
|
|
|
bottom: 0;
|
|
|
|
right: 0;
|
2018-10-04 01:21:57 +08:00
|
|
|
left: auto;
|
2019-10-01 23:45:51 +08:00
|
|
|
transition: bottom 0.5s;
|
2018-10-04 01:21:57 +08:00
|
|
|
transform: translateZ(
|
|
|
|
0
|
|
|
|
); // iOS11 Rendering bug https://meta.discourse.org/t/wrench-menu-not-disappearing-on-ios/94297
|
2017-06-24 02:37:49 +08:00
|
|
|
}
|
2021-10-29 21:23:15 +08:00
|
|
|
|
|
|
|
&.docked {
|
|
|
|
position: initial;
|
|
|
|
.topic-admin-popup-menu.right-side {
|
|
|
|
bottom: -150px; // Prevents menu from being too high when a topic is very short
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
body:not(.footer-nav-visible) & {
|
|
|
|
bottom: env(safe-area-inset-bottom);
|
|
|
|
}
|
|
|
|
|
|
|
|
&:not(.docked) {
|
|
|
|
@media screen and (min-width: $reply-area-max-width) {
|
|
|
|
// position to right side of composer
|
|
|
|
right: 50%;
|
|
|
|
margin-right: calc(#{$reply-area-max-width} / 2 * -1);
|
|
|
|
}
|
|
|
|
}
|
2021-11-03 01:45:40 +08:00
|
|
|
|
|
|
|
&.with-transitions {
|
|
|
|
transition: bottom 0.2s, margin-bottom 0.2s;
|
|
|
|
|
|
|
|
#topic-progress .bg {
|
|
|
|
transition: width 0.5s;
|
|
|
|
}
|
|
|
|
}
|
2017-06-24 02:37:49 +08:00
|
|
|
}
|
|
|
|
|
2021-10-29 21:23:15 +08:00
|
|
|
#topic-progress {
|
|
|
|
position: relative;
|
|
|
|
background-color: var(--secondary);
|
|
|
|
color: var(--tertiary);
|
|
|
|
border: 1px solid var(--tertiary-low);
|
|
|
|
width: 145px;
|
|
|
|
height: $topic-progress-height;
|
|
|
|
|
|
|
|
/* as a big ol' click target, don't let text inside be selected */
|
|
|
|
@include unselectable;
|
|
|
|
|
|
|
|
.nums {
|
|
|
|
position: relative;
|
|
|
|
top: 12px;
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
z-index: z("base");
|
|
|
|
}
|
|
|
|
h4 {
|
|
|
|
display: inline;
|
|
|
|
font-size: $font-up-2;
|
|
|
|
line-height: $line-height-small;
|
|
|
|
}
|
|
|
|
.d-icon {
|
|
|
|
position: absolute;
|
|
|
|
right: 8px;
|
|
|
|
bottom: 9px;
|
|
|
|
z-index: z("base");
|
|
|
|
}
|
|
|
|
.bg {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
width: var(--progress-bg-width, 0);
|
|
|
|
background-color: var(--tertiary-low);
|
2017-06-24 02:37:49 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-04-27 06:55:50 +08:00
|
|
|
.topic-status-info,
|
|
|
|
.topic-timer-info {
|
|
|
|
border-top: 1px solid var(--primary-low);
|
|
|
|
margin: 0;
|
|
|
|
max-width: 758px;
|
|
|
|
&:empty {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
span .d-icon {
|
|
|
|
font-size: $font-down-1;
|
|
|
|
}
|
|
|
|
.topic-timer-heading,
|
|
|
|
.slow-mode-heading {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
margin: 0;
|
|
|
|
padding: var(--below-topic-margin) 0;
|
|
|
|
}
|
|
|
|
.slow-mode-remove,
|
|
|
|
.topic-timer-modify {
|
|
|
|
display: flex;
|
|
|
|
margin-left: auto;
|
|
|
|
align-self: flex-start;
|
|
|
|
}
|
|
|
|
button {
|
|
|
|
font-size: $font-down-2;
|
|
|
|
background: transparent;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-02-03 08:03:25 +08:00
|
|
|
.title-wrapper {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
2019-01-12 08:41:09 +08:00
|
|
|
button {
|
|
|
|
margin: 0 0.5em 0 0;
|
2018-02-03 08:03:25 +08:00
|
|
|
}
|
|
|
|
a.topic-featured-link {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
2018-12-07 08:22:04 +08:00
|
|
|
.topic-statuses {
|
2020-11-23 09:16:41 +08:00
|
|
|
line-height: 1.2;
|
2018-12-07 08:22:04 +08:00
|
|
|
.d-icon {
|
2020-08-04 10:57:10 +08:00
|
|
|
color: var(--primary-medium);
|
2018-12-07 08:22:04 +08:00
|
|
|
}
|
|
|
|
}
|
2021-06-01 17:06:56 +08:00
|
|
|
.header-title .private-message-glyph-wrapper {
|
|
|
|
float: left;
|
|
|
|
margin-right: 0.25em;
|
|
|
|
}
|
2018-02-03 08:03:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
a.badge-category {
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|
|
|
|
|
2014-10-06 23:50:18 +08:00
|
|
|
#topic-title {
|
2015-01-15 04:36:38 +08:00
|
|
|
.title-wrapper {
|
2018-02-03 08:03:25 +08:00
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
2017-08-31 21:08:09 +08:00
|
|
|
width: 90%;
|
2016-12-05 20:31:43 +08:00
|
|
|
a.topic-featured-link {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
2015-01-15 04:36:38 +08:00
|
|
|
}
|
2016-12-30 03:59:30 +08:00
|
|
|
h1 {
|
2021-05-26 17:12:32 +08:00
|
|
|
margin-bottom: 0;
|
2018-08-27 10:35:15 +08:00
|
|
|
width: 100%;
|
2016-12-30 03:59:30 +08:00
|
|
|
}
|
2014-10-06 23:50:18 +08:00
|
|
|
a.badge-category {
|
|
|
|
margin-top: 5px;
|
2015-01-15 04:36:38 +08:00
|
|
|
}
|
2018-11-27 05:49:57 +08:00
|
|
|
a.edit-topic .d-icon {
|
2018-06-08 17:49:31 +08:00
|
|
|
font-size: 0.8em;
|
|
|
|
}
|
2017-12-05 04:29:02 +08:00
|
|
|
.edit-topic-title {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
box-sizing: border-box;
|
|
|
|
max-width: 758px;
|
|
|
|
#edit-title {
|
|
|
|
flex: 1 1 auto;
|
|
|
|
}
|
2018-06-08 17:49:31 +08:00
|
|
|
.category-chooser,
|
|
|
|
.mini-tag-chooser {
|
2017-12-05 04:29:02 +08:00
|
|
|
flex: 1 1 49%;
|
|
|
|
margin: 0 0 9px 0;
|
|
|
|
@media all and (max-width: 500px) {
|
2018-02-26 18:42:57 +08:00
|
|
|
flex: 1 1 100%;
|
2017-12-05 04:29:02 +08:00
|
|
|
}
|
|
|
|
}
|
2018-02-26 18:42:57 +08:00
|
|
|
.mini-tag-chooser {
|
2017-12-05 04:29:02 +08:00
|
|
|
margin-left: 2%;
|
|
|
|
@media all and (max-width: 500px) {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
}
|
2020-07-16 07:16:02 +08:00
|
|
|
.select-kit .category-row {
|
|
|
|
max-width: unset;
|
|
|
|
}
|
2017-12-05 04:29:02 +08:00
|
|
|
}
|
2014-10-06 23:50:18 +08:00
|
|
|
}
|
2014-12-31 05:29:28 +08:00
|
|
|
|
2020-01-18 01:20:23 +08:00
|
|
|
.private-message-glyph {
|
2020-11-23 09:16:41 +08:00
|
|
|
color: var(--primary-medium);
|
|
|
|
height: 0.95em;
|
2020-01-18 01:20:23 +08:00
|
|
|
}
|
|
|
|
|
2017-12-05 04:29:02 +08:00
|
|
|
.private_message {
|
|
|
|
#topic-title {
|
|
|
|
.edit-topic-title {
|
2020-01-17 10:31:17 +08:00
|
|
|
position: relative;
|
|
|
|
.private-message-glyph {
|
|
|
|
position: absolute;
|
|
|
|
left: 0.75em;
|
2021-06-01 02:47:41 +08:00
|
|
|
top: 7px;
|
2020-01-17 10:31:17 +08:00
|
|
|
}
|
2017-12-05 04:29:02 +08:00
|
|
|
#edit-title {
|
|
|
|
width: calc(100% - 50px);
|
2020-01-17 10:31:17 +08:00
|
|
|
padding-left: 2.25em;
|
|
|
|
}
|
|
|
|
.mini-tag-chooser {
|
|
|
|
margin-left: 0;
|
|
|
|
@include breakpoint(mobile-large, min-width) {
|
|
|
|
.selected-name {
|
|
|
|
max-width: 500px;
|
|
|
|
}
|
|
|
|
}
|
2017-12-05 04:29:02 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-12-31 05:29:28 +08:00
|
|
|
.topic-title-outlet {
|
|
|
|
clear: both;
|
|
|
|
}
|
2015-02-19 10:17:31 +08:00
|
|
|
|
2015-04-28 03:55:10 +08:00
|
|
|
.has-pending-posts {
|
2019-01-04 01:03:01 +08:00
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
|
2015-04-28 03:55:10 +08:00
|
|
|
padding: 0.5em;
|
2020-08-04 10:57:10 +08:00
|
|
|
background-color: var(--highlight-medium);
|
2017-09-26 22:27:24 +08:00
|
|
|
margin-top: 1em;
|
|
|
|
max-width: 757px;
|
2015-04-28 03:55:10 +08:00
|
|
|
}
|
2015-06-16 06:24:08 +08:00
|
|
|
|
2018-11-16 09:21:22 +08:00
|
|
|
.suggested-topics-wrapper.related-messages-wrapper {
|
2018-11-20 00:26:21 +08:00
|
|
|
.suggested-topics:nth-of-type(n + 2) {
|
2018-11-16 09:21:22 +08:00
|
|
|
thead {
|
|
|
|
display: none;
|
2018-11-16 05:32:35 +08:00
|
|
|
}
|
2018-11-15 00:01:50 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-06-16 06:24:08 +08:00
|
|
|
// Target the .badge-category text, the bullet icon needs to maintain `display: block`
|
2018-11-12 10:04:30 +08:00
|
|
|
.suggested-topics h3 .badge-wrapper.bullet span.badge-category,
|
|
|
|
.suggested-topics h3 .badge-wrapper.box span,
|
|
|
|
.suggested-topics h3 .badge-wrapper.bar span {
|
2015-06-16 06:24:08 +08:00
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
2018-11-12 10:04:30 +08:00
|
|
|
.suggested-topics h3 .badge-wrapper.bullet span.badge-category {
|
2015-06-16 06:24:08 +08:00
|
|
|
// Override vertical-align: text-top from `badges.css.scss`
|
|
|
|
vertical-align: baseline;
|
2018-01-13 06:27:38 +08:00
|
|
|
line-height: $line-height-medium;
|
2015-06-16 06:24:08 +08:00
|
|
|
}
|
|
|
|
|
2018-11-12 10:04:30 +08:00
|
|
|
.suggested-topics h3 .badge-wrapper.bullet,
|
|
|
|
.suggested-topics h3 .badge-wrapper.bullet span.badge-category-parent-bg,
|
|
|
|
.suggested-topics h3 .badge-wrapper.bullet span.badge-category-bg {
|
2015-06-16 06:24:08 +08:00
|
|
|
// Top of bullet aligns with top of line - adjust line height to vertically align bullet.
|
|
|
|
line-height: 0.8;
|
|
|
|
}
|
2015-08-13 05:00:16 +08:00
|
|
|
|
2018-11-12 10:04:30 +08:00
|
|
|
.suggested-topics .badge-wrapper.bullet span.badge-category,
|
|
|
|
.suggested-topics .badge-wrapper.bar span.badge-category {
|
2015-10-14 21:32:57 +08:00
|
|
|
max-width: 150px;
|
|
|
|
}
|
|
|
|
|
2018-11-12 10:04:30 +08:00
|
|
|
.suggested-topics .suggested-topics-title {
|
2018-03-16 00:51:19 +08:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
2020-01-17 20:10:44 +08:00
|
|
|
}
|
|
|
|
|
2016-05-17 02:31:52 +08:00
|
|
|
.post-links-container {
|
|
|
|
@include unselectable;
|
|
|
|
clear: both;
|
2016-06-08 14:48:37 +08:00
|
|
|
.post-links {
|
|
|
|
margin-top: 1em;
|
2016-06-09 03:37:52 +08:00
|
|
|
padding-top: 1em;
|
2020-08-04 10:57:10 +08:00
|
|
|
border-top: 1px solid var(--primary-low);
|
2018-02-10 01:43:15 +08:00
|
|
|
li:last-of-type {
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
2016-06-08 14:48:37 +08:00
|
|
|
}
|
2016-05-17 02:31:52 +08:00
|
|
|
.expand-links {
|
2020-08-04 10:57:10 +08:00
|
|
|
color: var(--primary-med-or-secondary-med);
|
2016-05-17 02:31:52 +08:00
|
|
|
}
|
|
|
|
.track-link {
|
2018-02-10 01:43:15 +08:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
span:not(.badge) {
|
2019-11-07 03:00:29 +08:00
|
|
|
@include ellipsis;
|
2018-02-10 01:43:15 +08:00
|
|
|
}
|
2016-05-17 02:31:52 +08:00
|
|
|
}
|
|
|
|
ul {
|
2016-06-08 14:48:37 +08:00
|
|
|
margin: 0;
|
2016-05-17 02:31:52 +08:00
|
|
|
list-style: none;
|
|
|
|
li {
|
|
|
|
margin-bottom: 0.5em;
|
|
|
|
a[href] {
|
2020-08-04 10:57:10 +08:00
|
|
|
color: var(--primary-med-or-secondary-med);
|
2016-06-08 14:48:37 +08:00
|
|
|
}
|
|
|
|
.clicks {
|
|
|
|
margin-left: 0.5em;
|
2018-02-13 00:52:42 +08:00
|
|
|
flex: 0 0 auto;
|
2016-05-17 02:31:52 +08:00
|
|
|
}
|
2018-11-27 05:49:57 +08:00
|
|
|
.d-icon {
|
2018-01-13 06:27:38 +08:00
|
|
|
font-size: $font-down-2;
|
2018-02-10 01:43:15 +08:00
|
|
|
margin: 0 0.5em 0 0;
|
2016-05-17 02:31:52 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
a.reply-new {
|
2018-11-27 05:49:57 +08:00
|
|
|
.d-icon {
|
2020-08-04 10:57:10 +08:00
|
|
|
background: var(--secondary);
|
2016-05-17 02:31:52 +08:00
|
|
|
border-radius: 20px;
|
2018-06-08 17:49:31 +08:00
|
|
|
transition: all linear 0.15s;
|
2016-05-17 02:31:52 +08:00
|
|
|
}
|
|
|
|
&:hover {
|
2020-08-04 10:57:10 +08:00
|
|
|
color: var(--tertiary);
|
2018-11-27 05:49:57 +08:00
|
|
|
.d-icon {
|
2020-08-04 10:57:10 +08:00
|
|
|
background: var(--tertiary-low);
|
2016-05-17 02:31:52 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2016-12-05 20:31:43 +08:00
|
|
|
|
|
|
|
a.topic-featured-link {
|
|
|
|
display: inline-block;
|
|
|
|
text-transform: lowercase;
|
2020-08-04 10:57:10 +08:00
|
|
|
color: var(--primary-med-or-secondary-med);
|
2016-12-05 20:31:43 +08:00
|
|
|
font-size: 0.875rem;
|
2018-11-27 05:49:57 +08:00
|
|
|
.d-icon {
|
|
|
|
margin-right: 3px;
|
2016-12-05 20:31:43 +08:00
|
|
|
}
|
|
|
|
}
|
2019-04-12 21:55:27 +08:00
|
|
|
|
|
|
|
.topic-area {
|
|
|
|
.pending-posts {
|
|
|
|
max-width: calc(
|
|
|
|
#{$topic-body-width} + #{$topic-avatar-width} + #{$topic-body-width-padding *
|
|
|
|
2}
|
|
|
|
);
|
|
|
|
.reviewable-item {
|
|
|
|
.post-body {
|
|
|
|
max-height: unset;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2020-04-09 00:52:36 +08:00
|
|
|
|
2020-04-29 00:24:24 +08:00
|
|
|
.published-page-notice {
|
2020-04-09 00:52:36 +08:00
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
padding-bottom: 1em;
|
|
|
|
max-width: calc(
|
|
|
|
#{$topic-body-width} + #{$topic-avatar-width} + #{$topic-body-width-padding *
|
|
|
|
2}
|
|
|
|
);
|
|
|
|
align-items: center;
|
2020-06-17 18:42:20 +08:00
|
|
|
|
|
|
|
.is-public {
|
|
|
|
padding: 0.25em 0.5em;
|
|
|
|
font-size: $font-down-2;
|
2020-08-04 10:57:10 +08:00
|
|
|
background: var(--tertiary);
|
|
|
|
color: var(--secondary);
|
2020-06-17 18:42:20 +08:00
|
|
|
border-radius: 3px;
|
|
|
|
text-transform: lowercase;
|
|
|
|
}
|
2020-04-09 00:52:36 +08:00
|
|
|
}
|