mirror of
https://github.com/discourse/discourse.git
synced 2024-12-15 14:03:42 +08:00
49f4c548ef
Users can now pin bookmarks from their bookmark list. This will anchor the bookmark to the top of the list, and show a pin icon next to it. This also applies in the nav bookmarks panel. If there are multiple pinned bookmarks they sort by last updated order.
82 lines
1.4 KiB
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;
|
|
}
|
|
}
|
|
}
|