[mod] replace #suggestions list wrapper <div> with <ul> (#5575)

This PR removes the "dot" prefix value from the `#suggestions` list's entries and adds it back via CSS instead. It makes styling easier and less hacky for those who are interested, removing the dot with just styles is currently not as easy as I would like it to be.
This commit is contained in:
Elvyria
2026-01-10 18:18:49 +09:00
committed by GitHub
parent b83e88ea78
commit ae48f50245
4 changed files with 16 additions and 13 deletions

View File

@@ -571,13 +571,16 @@ article[data-vim-selected].category-social {
#suggestions { #suggestions {
.wrapper { .wrapper {
display: flex; padding-left: 0;
flex-flow: column; margin: 0;
justify-content: flex-end; list-style-position: inside;
li::marker {
color: var(--color-result-link-font);
}
form { form {
display: inline-block; display: inline-block;
flex: 1 1 50%;
} }
} }
} }
@@ -585,8 +588,8 @@ article[data-vim-selected].category-social {
#suggestions, #suggestions,
#infoboxes { #infoboxes {
input { input {
padding: 0; padding: 3px;
margin: 3px; margin: 0;
font-size: 0.9em; font-size: 0.9em;
display: inline-block; display: inline-block;
background: transparent; background: transparent;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,9 +1,9 @@
<div id="suggestions" role="complementary" aria-labelledby="suggestions-title"> <div id="suggestions" role="complementary" aria-labelledby="suggestions-title">
<details class="sidebar-collapsible"> <details class="sidebar-collapsible">
<summary class="title" id="suggestions-title">{{ _('Suggestions') }}</summary> <summary class="title" id="suggestions-title">{{ _('Suggestions') }}</summary>
<div class="wrapper"> <ul class="wrapper">
{%- for suggestion in suggestions -%} {%- for suggestion in suggestions -%}
<form method="{{ method or 'POST' }}" action="{{ url_for('search') }}"> <li><form method="{{ method or 'POST' }}" action="{{ url_for('search') }}">
<input type="hidden" name="q" value="{{ suggestion.url }}"> <input type="hidden" name="q" value="{{ suggestion.url }}">
{%- for category in selected_categories -%} {%- for category in selected_categories -%}
<input type="hidden" name="category_{{ category }}" value="1"> <input type="hidden" name="category_{{ category }}" value="1">
@@ -15,9 +15,9 @@
{%- if timeout_limit -%} {%- if timeout_limit -%}
<input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" > <input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >
{%- endif -%} {%- endif -%}
<input type="submit" class="suggestion" role="link" value="&bull; {{ suggestion.title }}"> <input type="submit" class="suggestion" role="link" value="{{ suggestion.title }}">
</form> </form></li>
{%- endfor -%} {%- endfor -%}
</div> </ul>
</details> </details>
</div> </div>