diff --git a/app/assets/stylesheets/cards.css b/app/assets/stylesheets/cards.css index a78431a18..7bedc3334 100644 --- a/app/assets/stylesheets/cards.css +++ b/app/assets/stylesheets/cards.css @@ -460,36 +460,4 @@ margin-block-end: 0; } } - - .card--search { - --card-color: var(--color-ink); - --card-padding-block: 0.75rem; - --card-padding-inline: 0.75rem; - - background-color: var(--color-canvas); - - &:not(&:hover) { - box-shadow: 0 0 0 1px var(--color-ink-lighter); - } - - .card__collection { - background-color: var(--color-canvas); - color: var(--color-ink-medium); - font-size: var(--text-x-small); - font-weight: 600; - padding-block-end: 1ch; - } - - .card__id { - margin: 0; - } - - .card__body { - padding: 0; - } - - .card__title { - font-size: var(--text-medium); - } - } } diff --git a/app/assets/stylesheets/search.css b/app/assets/stylesheets/search.css index af40f351b..d0fad3d64 100644 --- a/app/assets/stylesheets/search.css +++ b/app/assets/stylesheets/search.css @@ -61,7 +61,7 @@ .search__list { display: grid; - gap: 1ch; + gap: var(--block-space); list-style: none; margin: 0 auto; max-inline-size: 80ch; @@ -70,15 +70,14 @@ } .search__empty { + margin-block: 3em; opacity: 0.66; - border: 2px dashed var(--color-ink-light); - border-radius: 1ch; - padding: calc(var(--gap) / 2); + text-align: center; } .search__excerpt { + color: var(--color-ink); font-size: var(--text-small); - margin-block-start: 0.5ch; } .search__excerpt--comment { @@ -86,15 +85,28 @@ --comment-avatar-size: 32px; --padding: 1ch; + align-items: center; background-color: var(--color-ink-lightest); border-radius: 1ch; display: flex; gap: 1ch; - margin-left: calc(var(--comment-avatar-size) / 2); + margin-inline-start: calc(var(--comment-avatar-size) / 2); padding-block: 0.5ch; .avatar { - margin-left: calc(-0.5 * var(--comment-avatar-size)); + margin-inline-start: calc(-0.5 * var(--comment-avatar-size)); } } + + .search__result { + color: var(--color-link); + + &:not(&:hover) { + box-shadow: 0 0 0 1px var(--color-ink-lighter); + } + } + + .search__title { + text-decoration: underline; + } } diff --git a/app/views/searches/_result.html.erb b/app/views/searches/_result.html.erb index eea2fbb1e..6fa042d34 100644 --- a/app/views/searches/_result.html.erb +++ b/app/views/searches/_result.html.erb @@ -1,18 +1,8 @@
  • - <%= link_to result.source, class: "card card--search", data: { turbo_frame: "_top" } do %> -
    - -
    - -
    -
    -

    - <%= result.card_title&.html_safe %> + <%= link_to result.source, class: "search__result", data: { turbo_frame: "_top" } do %> +
    +

    + # <%= result.card_id %> <%= result.card_title&.html_safe %>

    <% if result.card_description.present? %> @@ -30,6 +20,6 @@ <% end %> <% end %>
    -

    +
    <%= result.collection_name %>
    <% end %>
  • diff --git a/app/views/searches/show.html.erb b/app/views/searches/show.html.erb index 5eafd9295..b3be862d8 100644 --- a/app/views/searches/show.html.erb +++ b/app/views/searches/show.html.erb @@ -10,7 +10,7 @@
    <% if @search_results.none? %>
    - Nothing found + Not matches
    <% end %>