mirror of
https://github.com/zotero/zotero.git
synced 2026-10-08 03:08:19 +00:00
2b79e3ddb4
Added search results pane that is shown when a search result row is selected. It displays the entire chunk that the snippet is based on. When an attachment is selected, its search results section lists all search results
78 lines
1.5 KiB
SCSS
78 lines
1.5 KiB
SCSS
// search-result-row (the search-results section's chunk cards) shares this
|
|
// structure and look, minus the parts it doesn't have (icon, action, tags):
|
|
// the section already carries the magnifier in its head, so repeating it on
|
|
// every card says nothing
|
|
annotation-row, search-result-row {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
border-radius: 5px;
|
|
border: 1px solid var(--color-quinary-on-sidepane);
|
|
background: var(--material-background);
|
|
@include focus-ring;
|
|
|
|
.head {
|
|
display: flex;
|
|
padding: 4px 8px;
|
|
align-items: center;
|
|
gap: 4px;
|
|
border-bottom: 1px solid var(--fill-quinary);
|
|
|
|
.icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
-moz-context-properties: fill;
|
|
fill: var(--annotation-color, var(--fill-secondary));
|
|
}
|
|
|
|
.title {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.action {
|
|
margin-inline-start: auto;
|
|
}
|
|
}
|
|
|
|
.body {
|
|
img {
|
|
max-width: 100%;
|
|
@media (prefers-color-scheme: dark) {
|
|
filter: brightness(80%);
|
|
}
|
|
}
|
|
|
|
.quote, .comment {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 9;
|
|
overflow: hidden;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.quote {
|
|
margin: 3px 8px;
|
|
padding-inline-start: 6px;
|
|
border-inline-start: 2px solid var(--annotation-color, var(--fill-secondary));
|
|
color: var(--fill-secondary);
|
|
|
|
@include comfortable {
|
|
margin-block: 5px;
|
|
}
|
|
}
|
|
|
|
.comment {
|
|
padding: 3px 8px;
|
|
|
|
@include comfortable {
|
|
margin-block: 4px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.tags {
|
|
border-top: 1px solid var(--fill-quinary);
|
|
padding: 3px 8px;
|
|
word-break: break-word;
|
|
}
|
|
}
|