summaryrefslogtreecommitdiff
path: root/source/features/hidden-review-comments-indicator.css
blob: ad8f67ca6fa946136f7dcd6c684950054fbf3abf (plain) (blame)
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
.rgh-comments-indicator {
	position: absolute;
}

.rgh-comments-indicator::before,
.rgh-comments-indicator::after {
	content: '' !important; /* Needs to override .blob-num’s */
	position: absolute;
	top: -1px;
	left: 0;
	width: 200%;
	border-top: solid 1px;
	opacity: 40%;
	transform: translateY(-50%);
}

/* This is only used to improve the clickability */
.rgh-comments-indicator::after {
	border-top-width: 5px;
	color: transparent;
}

.show-inline-notes .rgh-comments-indicator {
	display: none;
}

.rgh-comments-indicator button {
	position: absolute;
	right: 100%;
	transform: translateY(-50%);
	padding: 5px 8px;
	color: inherit;
	text-decoration: none !important; /* Needs to override .btn-link’s */
	font-family: sans-serif;
}

.rgh-comments-indicator span {
	margin-left: 3px;
}

/* Split diffs only have 1 line number on the left */
.file-diff-split .rgh-comments-indicator::after,
.file-diff-split .rgh-comments-indicator::before {
	width: 100%;
}

/* Split diffs fill the screen so there's only 18px available. We only show the icon */
.file-diff-split .rgh-comments-indicator span {
	display: none;
}

.file-diff-split .rgh-comments-indicator button {
	padding-right: 1px;
}