Lucas/Pooru
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

site: add a class to search form

Browse source
This commit is contained in:
Lucas Gabriel Vuotto 2025-04-28 13:43:21 +00:00
parent 005560bd4c
commit e28a2e2239
2 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

10
public/css/style.css
View file

@ -259,21 +259,21 @@ main {
border-color: var(--text); border-color: var(--text);
} }
form[name=search] { .suggestions {
gap: 0 var(--gallery-column-gap); gap: 0 var(--gallery-column-gap);
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
form[name=search] input[type=submit] { .suggestions input[type=submit] {
width: 7rem; width: 7rem;
} }
form[name=search] input[name=tags] { .suggestions input[name=tags] {
width: 100%; width: 100%;
} }
ul.suggestions { .suggestions ul {
position: absolute; position: absolute;
background-color: var(--bg); background-color: var(--bg);
@ -285,7 +285,7 @@ ul.suggestions {
list-style: none; list-style: none;
} }
ul.suggestions li { .suggestions li {
padding-left: 0.1875rem; padding-left: 0.1875rem;
padding-right: 0.1875rem; padding-right: 0.1875rem;
} }

4
templates/_search.html.ep
View file

@ -2,7 +2,7 @@
<%= form_for "list_media" => <%= form_for "list_media" =>
name => "search", name => "search",
class => "layout-flex-row" => class => "layout-flex-row suggestions" =>
begin %> begin %>
<div class="layout-flex-item-fullsize position-relative" <div class="layout-flex-item-fullsize position-relative"
x-data="tagsSuggestions('<%= param "tags" %>')" x-data="tagsSuggestions('<%= param "tags" %>')"
@ -17,7 +17,7 @@
@keydown.up.prevent="previousItem" @keydown.up.prevent="previousItem"
@keydown.down.prevent="nextItem" @keydown.down.prevent="nextItem"
@keydown.escape="open = false"> @keydown.escape="open = false">
<ul class="suggestions" <ul
x-ref="suggestions" x-ref="suggestions"
x-cloak x-show="open && items.length > 0"> x-cloak x-show="open && items.length > 0">
<template x-for="(item, index) in sortedItems" :key="item.display"> <template x-for="(item, index) in sortedItems" :key="item.display">