-
Notifications
You must be signed in to change notification settings - Fork 7
/
app.html
107 lines (98 loc) · 3.28 KB
/
app.html
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
<title>Peek a tab</title>
<link href="fonts/stylesheet.css" rel="stylesheet" type="text/css" />
<link href="app.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="app">
<div id="options-header">
<div id="search-div">
<img id="search-icon" src="./images/search.png" />
<input
placeholder="search title and url"
id="search-input"
type="text"
v-model="searchText"
/>
</div>
<div id="options">
<div class="option">
<div class="option-inner">
<img
class="option-icon"
id="mouse-behavior-image"
src="./images/cursor-pointer-hover.png"
/>
</div>
<div class="option-body" id="mouse-behavior-options-container">
<div
class="option-choice mouse-behavior-option"
data-mouse-behavior="hover"
>
<img
class="option-choice-image"
src="./images/cursor-pointer-hover.png"
/>
<p class="option-choice-text">
Change Tab on hover, single click to shift to the tab and
close tabs list.
</p>
</div>
<div
class="option-choice mouse-behavior-option"
data-mouse-behavior="single-click"
>
<img
class="option-choice-image"
src="./images/cursor-pointer-single-click.png"
/>
<p class="option-choice-text">
Shift to the tab and close tabs list with a single click.
</p>
</div>
<div
class="option-choice mouse-behavior-option"
data-mouse-behavior="click"
>
<img
class="option-choice-image"
src="./images/cursor-pointer-click.png"
/>
<p class="option-choice-text">
Change Tab on click, double click to shift to the tab and
close tabs list.
</p>
</div>
</div>
<!--<div class="option-hint">-->
<!--<p class="option-hint-text">-->
<!--<span>-->
<!--Change mouse behavior-->
<!--</span>-->
<!--</p>-->
<!--<button class="option-hint-button">-->
<!--ok-->
<!--</button>-->
<!--</div>-->
</div>
</div>
</div>
<ul id="tabs-list"></ul>
<div id="announcement-container">
<div id="announcement_header">
<h3 id="announcement-title">What's New</h3>
<img id="announcement-close-icon" src="images/close_icon.png" />
</div>
<div id="announcement-body">
<ul id="announcement-list">
<li>Bug fixed: Window opens and closes immediately</li>
<li>Shows 'current' against the active window</li>
</ul>
</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>