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

82 lines
1.4 KiB
SCSS

$mobile-breakpoint: 700px;
.bookmark-list {
th.post-metadata {
text-align: center;
}
}
.bookmark-search-form {
margin-bottom: 1em;
display: flex;
input[type="text"] {
flex: 1;
margin-right: 1em;
}
@media (max-width: $mobile-breakpoint) {
input[type="text"] {
margin-bottom: 0;
}
}
}
.bookmark-list-item {
td.post-metadata {
text-align: center;
}
@media (max-width: $mobile-breakpoint) {
.main-link {
padding-left: 0.5em;
padding-right: 0.5em;
}
}
.main-link {
.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;
display: flex;
margin-bottom: 0.2em;
&-item {
margin-right: 0.5em;
display: flex;
align-items: center;
}
.d-icon {
// not aligning center because of multi-line notes
align-self: flex-start;
margin-right: 0.2em;
padding-top: 0.12em;
}
@media (max-width: $mobile-breakpoint) {
flex-direction: column;
&-item {
display: block;
margin-bottom: 0.2em;
}
}
}
.bookmark-status-with-link {
display: flex;
flex-direction: row;
align-items: center;
.topic-statuses {
float: none;
}
}
}