discourse/app/assets/stylesheets/common/base/topic.scss

82 lines
1.6 KiB
SCSS
Raw Normal View History

2014-10-06 23:50:18 +08:00
#topic-title {
2015-01-15 04:36:38 +08:00
.title-wrapper {
float: left;
width: 90%;
.btn-small {
margin: 0 6px 0 0;
}
2015-04-15 03:54:17 +08:00
.badge-wrapper {
float: left;
}
2015-01-15 04:36:38 +08:00
}
2014-10-06 23:50:18 +08:00
a.badge-category {
margin-top: 5px;
2015-01-15 04:36:38 +08:00
}
2014-10-06 23:50:18 +08:00
2014-12-19 16:46:24 +08:00
a.edit-topic i { font-size: 0.8em; }
2014-10-06 23:50:18 +08:00
}
.topic-title-outlet {
clear: both;
}
2015-04-15 03:54:17 +08:00
.extra-info-wrapper {
.badge-wrapper {
float: left;
&.bullet {
margin-top: 5px;
}
2015-04-15 03:54:17 +08:00
}
}
.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;
overflow: inherit;
}
#suggested-topics h3 .badge-wrapper.bullet span.badge-category, {
// Override vertical-align: text-top from `badges.css.scss`
vertical-align: baseline;
}
#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;
}
}
}