Verified Commit 55c51961 authored by Jakob Moser's avatar Jakob Moser
Browse files

Beautify search results page (closes #21)

parent 5c65ab14

search.php

+5 −2
Original line number Diff line number Diff line
@@ -10,9 +10,12 @@ 


get_header();

?>

<aside class="levitating list-meta">

<aside class="levitating list-meta search">

    <h1>Suchergebnisse</h1>

    <h2 class="search-term"><?php the_search_query(); ?></h2>

    <form method="get">

        <input type="search" value="<?php the_search_query(); ?>" name="s"/>

        <button>Suchen</button>

    </form>

</aside>



<main class="list">

style.css

+12 −2
Original line number Diff line number Diff line
@@ -7,7 +7,7 @@ 
 * Author: personads :: Maximilian Müller-Eberstein (ursprüngliche Version und Design); Jakob Moser

 * Author URI: https://personads.me/

 *

 * Version: 2.13.0

 * Version: 2.14.0

 * Requires PHP: 8.0

 *

 * License: GNU General Public License v3.0
@@ -80,8 +80,9 @@ body > aside + main { 
/* A levitating aside only takes up the height its content needs and has a top margin, which looks less

massive than the classical aside that takes up all the page height */

body > aside.levitating {

    margin-top: 2em;

    margin-top: 9em;

    height: max-content;

    position: fixed;

}



/* -- Header (containing the menu), footer (containing copyright info) */
@@ -678,6 +679,14 @@ main.list article > header h1 { 
    content: "";

}



.list-meta.search > h1::before {

    background: none;

    font-family: dashicons;

    vertical-align: bottom;

    content: "\f179";

    color: var(--accent-color);

}



.list-meta select {

    margin-left: 2em;

}
@@ -714,6 +723,7 @@ main.list article > header h1 { 
    }



    body > aside.levitating {

        position: inherit;

        margin-top: 0;

    }

}