mirror of
https://github.com/ether/etherpad-lite.git
synced 2025-04-26 10:26:15 -04:00
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:
parent
08d2024caf
commit
4ca2d7ea3a
2 changed files with 52 additions and 7 deletions
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue