mirror of
https://github.com/discourse/discourse.git
synced 2024-12-17 19:23:44 +08:00
136 lines
2.7 KiB
SCSS
136 lines
2.7 KiB
SCSS
#topic-title {
|
|
.title-wrapper {
|
|
float: left;
|
|
width: 90%;
|
|
.btn-small {
|
|
margin: 0 6px 0 0;
|
|
}
|
|
|
|
.badge-wrapper {
|
|
float: left;
|
|
}
|
|
}
|
|
|
|
a.badge-category {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
a.edit-topic i { font-size: 0.8em; }
|
|
}
|
|
|
|
.topic-title-outlet {
|
|
clear: both;
|
|
}
|
|
|
|
.extra-info-wrapper {
|
|
.badge-wrapper {
|
|
float: left;
|
|
&.bullet {
|
|
margin-top: 5px;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.has-pending-posts {
|
|
padding: 0.5em;
|
|
background-color: dark-light-diff($highlight, $secondary, 50%, -70%);
|
|
a[href] {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
// Target the .badge-category text, the bullet icon needs to maintain `display: block`
|
|
#suggested-topics h3 .badge-wrapper.bullet span.badge-category,
|
|
#suggested-topics h3 .badge-wrapper.box span,
|
|
#suggested-topics h3 .badge-wrapper.bar span {
|
|
display: inline;
|
|
}
|
|
|
|
#suggested-topics h3 .badge-wrapper.bullet span.badge-category, {
|
|
// Override vertical-align: text-top from `badges.css.scss`
|
|
vertical-align: baseline;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
#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 {
|
|
// Top of bullet aligns with top of line - adjust line height to vertically align bullet.
|
|
line-height: 0.8;
|
|
}
|
|
|
|
#suggested-topics .badge-wrapper.bullet span.badge-category,
|
|
#suggested-topics .badge-wrapper.bar span.badge-category {
|
|
max-width: 150px;
|
|
}
|
|
|
|
.topic-unsubscribe {
|
|
.notification-options {
|
|
display: inline-block;
|
|
float: none;
|
|
line-height: 2em;
|
|
.dropdown-toggle {
|
|
float: none;
|
|
}
|
|
.dropdown-menu {
|
|
bottom: initial;
|
|
}
|
|
}
|
|
}
|
|
|
|
.post-links-container {
|
|
@include unselectable;
|
|
clear: both;
|
|
|
|
.post-links {
|
|
margin-top: 1em;
|
|
padding-top: 1em;
|
|
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -65%);
|
|
}
|
|
|
|
.expand-links {
|
|
color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 60%));
|
|
}
|
|
|
|
.track-link {
|
|
padding-left: 0;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
ul {
|
|
margin: 0;
|
|
list-style: none;
|
|
|
|
li {
|
|
margin-bottom: 0.5em;
|
|
a[href] {
|
|
color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 60%));
|
|
}
|
|
.clicks {
|
|
margin-left: 0.5em;
|
|
}
|
|
i {
|
|
float: left;
|
|
font-size: 0.857em;
|
|
margin: 0.3em 0.5em 0 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
a.reply-new {
|
|
i {
|
|
background: $secondary;
|
|
border-radius: 20px;
|
|
transition: all linear .15s;
|
|
}
|
|
&:hover {
|
|
color: $tertiary;
|
|
i {
|
|
background: dark-light-diff($tertiary, $secondary, 85%, -65%);
|
|
}
|
|
}
|
|
}
|
|
}
|