discourse/app/assets/stylesheets/common/components/bookmark-list.scss

82 lines
1.3 KiB
SCSS

$mobile-breakpoint: 700px;
.bookmark-list {
.topic-list-data.post-metadata {
text-align: center;
}
}
.bookmark-list-item {
.topic-list-data.post-metadata {
text-align: center;
}
@media (max-width: $mobile-breakpoint) {
.main-link {
padding-right: 0.5em;
}
}
.main-link.topic-list-data {
.bookmark-status-with-link {
a.title {
padding: 0;
}
}
}
.d-icon.bookmark-pinned {
font-size: $font-down-2;
margin-right: 0.2em;
}
.bookmark-metadata {
font-size: $font-down-2;
margin-bottom: 0.25em;
&-item {
display: inline-block;
margin-right: 1em;
margin-bottom: 0.25em;
line-height: $line-height-medium;
span {
word-break: break-word;
}
&.bookmark-expired-reminder {
color: var(--danger);
}
}
.d-icon {
margin-right: 0.25em;
}
}
.bookmark-status-with-link {
display: flex;
flex-direction: row;
align-items: center;
.mobile-view & {
margin-bottom: 0.15em;
}
.topic-statuses {
float: none;
}
}
.post-excerpt {
overflow: hidden;
padding-right: 1em;
}
.mobile-view & {
.avatar {
float: left;
margin: 0.27em 0.27em 0 0;
}
}
}
.select-kit.bookmark-actions-dropdown {
.select-kit-body {
max-width: 350px;
}
}