-
Notifications
You must be signed in to change notification settings - Fork 1
/
notifications.html
108 lines (99 loc) · 4.4 KB
/
notifications.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
108
<style>
.__ghcape-modal {
top: 40px;
right: 0;
position: absolute;
z-index: 250;
}
.__ghcape-menu {
position: relative;
width: 300px;
overflow: hidden;
font-size: 13px;
color: #666;
background-color: #FFF;
background-clip: padding-box;
border: 1px solid rgba(200,200,200,0.4);
border-top: none;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.__ghcape-menu div:focus { outline: 0; }
.__ghcape-menu-header {
padding: 8px 10px;
background: #F5F5F5;
border-bottom: 1px solid rgba(200,200,200,0.4);
}
.__ghcape-menu-header .__ghcape-title {
font-weight: bold;
color: #333;
}
.__ghcape-menu-header .__ghcape-actions {
float: right;
display: inline-block;
}
.__ghcape-menu-header .__ghcape-mark-as-read {
padding: 2px 6px 5px 10px;
margin-top: 0;
margin-right: 0;
line-height: 11px;
color: #767676;
background-color: transparent;
border: 0;
}
.__ghcape-menu-header .__ghcape-mark-as-read:focus {
outline: none;
}
.__ghcape-menu-item {
overflow: scroll;
max-height: 200px;
}
#__ghcape-notifications-list {
list-style: none;
}
#__ghcape-notifications-list li.__ghcape-empty {
text-align: center;
padding: 10px;
}
#__ghcape-notifications-list li a {
padding: 10px;
text-decoration: none;
display: block;
color: #666;
background-color: #FFF;
}
#__ghcape-notifications-list li a:hover {
color: #FFF;
background-color: #4078C0;
}
#__ghcape-notifications-list li a svg {
margin-right: 6px;
}
</style>
<div id="__ghcape-modal" class="__ghcape-modal __ghcape-hidden">
<div class="__ghcape-menu" aria-hidden="false">
<div class="__ghcape-menu-header" tabindex="-1">
<span class="__ghcape-title">Unread notifications</span>
<div class="__ghcape-actions">
<button id="__ghcape-mark-as-read" class="__ghcape-mark-as-read css-truncate tooltipped tooltipped-w" aria-label="Mark all notifications as read">
<svg aria-hidden="true" class="octicon octicon-check" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
</button>
<a href="/notifications">See all</a>
</div>
</div>
<div class="__ghcape-menu-list" role="menu">
<div class="__ghcape-menu-item" role="menuitem" tabindex="0">
<ul id="__ghcape-notifications-list">
<li class="__ghcape-empty">Loading...</li>
</ul>
</div>
</div>
</div>
<div id="__ghcape-icons" class="__ghcape-hidden">
<svg aria-label="pull request" class="octicon octicon-git-pull-request" height="16" role="img" version="1.1" viewBox="0 0 12 16" width="12"><path d="M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>
<svg aria-label="issues" class="octicon octicon-issue-opened" height="16" role="img" version="1.1" viewBox="0 0 14 16" width="14"><path d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg>
<svg aria-label="commit" class="octicon octicon-git-commit" height="16" role="img" version="1.1" viewBox="0 0 14 16" width="14"><path d="M10.86 7c-.45-1.72-2-3-3.86-3-1.86 0-3.41 1.28-3.86 3H0v2h3.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H14V7h-3.14zM7 10.2c-1.22 0-2.2-.98-2.2-2.2 0-1.22.98-2.2 2.2-2.2 1.22 0 2.2.98 2.2 2.2 0 1.22-.98 2.2-2.2 2.2z"></path></svg>
<svg aria-label="invitation" class="octicon octicon-mail" height="16" role="img" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M0 4v8c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1zm13 0L7 9 1 4h12zM1 5.5l4 3-4 3v-6zM2 12l3.5-3L7 10.5 8.5 9l3.5 3H2zm11-.5l-4-3 4-3v6z"></path></svg>
</div>
</div>