include lineHeight property in sidebar elements (#4831)

This also makes the full line number element clickable to ensure a positive UX for the ``?lineNumber`` URL endpoint.  It also makes it more obvious that a click action can happen based on the hover.

Make line numbers stick to baseline of first line of wrapped content and editor lines with increased line hieght.

Make it compatible with ep_author_neat
This commit is contained in:
Sebastian Castro 2021-02-20 14:24:17 +01:00 committed by GitHub
parent 08d2024caf
commit 4ca2d7ea3a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 52 additions and 7 deletions

View file

@ -12,8 +12,20 @@
}
#sidedivinner>div .line-number {
line-height: 24px;
line-height: inherit;
font-family: RobotoMono;
display: inline-block;
color: #576273;
color: var(--text-soft-color);
}
height:100%;
}
#sidedivinner>div .line-number:hover {
background-color: var(--bg-soft-color);
border-radius: 5px 0 0 5px;
font-weight: bold;
color: var(--text-color);
}
.plugin-ep_author_neat #sidedivinner>div .line-number:hover {
background-color: transparent;
}