blob: 23a8d332748550033909f9dd5e832e82870cab7f (
plain)
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
|
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-announcer/iron-a11y-announcer.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.html">
<link rel="import" href="chrome://bookmarks/command_manager.html">
<link rel="import" href="chrome://bookmarks/item.html">
<link rel="import" href="chrome://bookmarks/shared_style.html">
<link rel="import" href="chrome://bookmarks/store_client.html">
<link rel="import" href="chrome://bookmarks/util.html">
<dom-module id="bookmarks-list">
<template>
<style include="shared-style">
:host {
min-width: 300px;
overflow-y: auto;
padding: 24px var(--card-padding-side) 24px
calc(var(--card-padding-side) - var(--splitter-width));
}
#list {
@apply --shadow-elevation-2dp;
background-color: #fff;
margin: 0 auto;
max-width: var(--card-max-width);
padding: 8px 0;
}
.centered-message {
align-items: center;
color: #6e6e6e;
cursor: default;
display: flex;
font-size: 14px;
font-weight: 500;
height: 100%;
justify-content: center;
user-select: none;
white-space: nowrap;
}
</style>
<iron-list id="list"
items="[[displayedList_]]"
hidden$="[[isEmptyList_(displayedList_.length)]]"
role="group"
aria-label="$i18n{listAxLabel}">
<template>
<bookmarks-item item-id="[[item.id]]" draggable="true"
tabindex$="[[tabIndex]]" iron-list-tab-index="[[tabIndex]]">
</bookmarks-item>
</template>
</iron-list>
<div id="message" class="centered-message"
hidden$="[[!isEmptyList_(displayedList_.length)]]">
[[emptyListMessage_(searchTerm_)]]
</div>
</template>
<script src="chrome://bookmarks/list.js"></script>
</dom-module>
|