doc: Add a mild hover color change to the summary.

It is hard know to which row a "chip" like inherited belongs to. This
fixes it for mouse users.

I also tried using alternate row colors, but our colors are so "light"
that there wasn't any good candidate between "white" and the <body>
background color.
This commit is contained in:
Emmanuel Lepage Vallee 2021-12-13 11:33:19 -08:00
parent 2c1c37fb12
commit e4b9728260
2 changed files with 9 additions and 7 deletions

View File

@ -301,26 +301,22 @@ table.module_list td, table.function_list td {
padding-bottom: 5px;
}
table.module_list td.name, table.function_list td.name {
background-color: white;
min-width: 200px;
border-left-width: 0px;
border-right-width: 0px;
}
table.module_list td.summary, table.function_list td.summary {
background-color: white;
width: 100%;
border-left-width: 0px;
border-right: none;
}
table.function_list td.shortname {
background-color: white;
border-left-width: 0px;
border-right-width: 0px;
}
table.function_list td.inheritance {
background-color: white;
border-right-width: 0px;
border-left-width: 0px;
color: #a4c7ff;
@ -338,7 +334,6 @@ span.inheritance {
}
.summarytype {
background-color: white;
color: #a4c7ff;
font-size: 85%;
border-left: none;
@ -386,7 +381,6 @@ table.function_list .function_named_args {
}
table.function_list td.baseclass {
background-color: white;
color: #a4c7ff;
min-width: 200px;
border-left: none;
@ -567,3 +561,11 @@ pre .url { color: #272fc2; text-decoration: underline; }
.extra-header__section {
flex-grow: 1;
}
.summary_row {
background-color: white;
}
.summary_row:hover {
background-color: #f7fbff;
}

View File

@ -280,7 +280,7 @@
# local dn = display_name(item)
# local inherited = (item.baseclass ~= module.name)
# if item.sanitize_type then item.sanitize_type(item, ldoc) end
<tr>
<tr class="summary_row">
# if item.display_type and not item.compact_signature then
<td class="shortname" $(nowrap)><a href="#$(item.name)">$(dn)</a></td>
<td class="summarytype" nowrap>$(item.display_type)</td>