1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
|
/* Copyright 2024 The Chromium Authors
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file. */
/* #css_wrapper_metadata_start
* #type=style-lit
* #import=chrome://history-clusters-side-panel.top-chrome/shared/sp_shared_style_lit.css.js
* #scheme=relative
* #include=sp-shared-style-lit
* #css_wrapper_metadata_end */
:host {
display: flex;
flex-direction: column;
height: 100%;
}
#searchbox {
margin: var(--sp-body-padding);
flex-shrink: 0;
width: auto;
}
#historyClusters {
flex: 1;
margin-inline-start: var(--sp-body-padding);
padding-block-start: 0;
padding-block-end: var(--sp-body-padding);
}
#historyEmbeddingsDisclaimer {
color: var(--cr-secondary-text-color);
font-size: 11px;
line-height: 16px;
margin-block-end: 24px;
padding: 0 16px;
}
#historyEmbeddingsDisclaimer a {
color: var(--cr-link-color);
}
#embeddingsScrollContainer {
display: contents;
}
:host([enable-history-embeddings_]) #embeddingsScrollContainer {
display: flex;
flex: 1;
flex-direction: column;
overflow: auto;
}
cr-history-embeddings {
--cr-card-shadow: none;
--cr-history-embeddings-answer-padding: 8px 16px 6px 16px;
--cr-history-embeddings-answer-section-margin-block-end: 0;
--cr-history-embeddings-answer-source-margin: 0 16px 12px 16px;
--cr-history-embeddings-card-padding-block: 8px 0;
--cr-history-embeddings-card-padding-block-with-answers: 8px 12px;
--cr-history-embeddings-footer-font-size: 11px;
--cr-history-embeddings-footer-line-height: 16px;
--cr-history-embeddings-footer-padding: 16px;
--cr-history-embeddings-footer-padding-with-answers: 16px 8px 8px;
--cr-history-embeddings-heading-font-size: 12px;
--cr-history-embeddings-heading-line-height: 16px;
--cr-history-embeddings-heading-padding: 8px 16px;
--cr-history-embeddings-hr-display: none;
--cr-history-embeddings-loading-padding: 8px 16px 6px 16px;
--cr-history-embeddings-url-list-item-padding: 4px 16px;
align-self: center;
margin: 0 0 16px 8px;
max-width: var(--cluster-max-width);
width: calc(100% - 8px);
}
/* Hide empty history-clusters element when there are history embedding
* results to hide the empty placeholder text. */
:host([has-history-embeddings-results_]) history-clusters[is-empty] {
display: none;
}
|
