Skip to content

Commit 0977d3a

Browse files
authored
fix: Always place the copy icon on the right side on mobile (#177)
Instead of having the copy icon directly after the text (which produced some issues with multi-line texts), always place the the copy icon on the right side. It's easier to reach for right-handed people. Not 100% sure if the link icon is still recognized with a connection to the title, so happy to hear any feedback. Resolves #49
1 parent 7152468 commit 0977d3a

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

assets/sass/anchorlink.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,13 @@
11
.a-anchorlink {
22
display: flex;
3-
flex-wrap: wrap;
3+
flex-wrap: nowrap;
44
margin-bottom: 1.2rem;
55
align-items: center;
66
column-gap: .8rem;
7+
8+
@media (max-width: #{$breakpoint-md}) {
9+
justify-content: space-between;
10+
}
711
}
812

913
.a-anchorlink > h2 {

0 commit comments

Comments
 (0)