From 34e6829ee12bdb713bff14d2f1842f3206373f96 Mon Sep 17 00:00:00 2001 From: jan <jan@ruken.pw> Date: Wed, 30 Dec 2015 16:20:52 +0100 Subject: =?UTF-8?q?design=C3=A4nderungen=20bei=20der=20suche?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit diff --git a/assets/css/search.css b/assets/css/search.css new file mode 100644 index 0000000..94abbaf --- /dev/null +++ b/assets/css/search.css @@ -0,0 +1,25 @@ +.search-results .search-result { + background-color: #fff; + line-height: 1.5rem; + padding: 10px 20px; + margin: 0; + border-bottom: 1px solid #e0e0e0; +} + +.search-results { + margin: 0.5rem 0 1rem 0; + border: 1px solid #e0e0e0; + border-radius: 2px; + overflow: hidden; + position: relative; +} + +.search-results .search-result.avatar { + min-height: 84px; + padding-left: 72px; + position: relative; +} + +.search-results .search-result.avatar .title { + font-size: 16px; +} \ No newline at end of file diff --git a/views/instant_search_results.html b/views/instant_search_results.html index 73eda26..294315c 100644 --- a/views/instant_search_results.html +++ b/views/instant_search_results.html @@ -1,6 +1,6 @@ {{ define "instant_search_results" }} {{ range .results }} -<li class="collection-item avatar hoverable"> +<li class="search-result avatar hoverable valign-wrapper"> <img src="/{{ .ImagePath }}" alt="" class="circle"> <span class="title">{{ .Name }}</span> </li> diff --git a/views/list.html b/views/list.html index 5114ab9..f7ba097 100644 --- a/views/list.html +++ b/views/list.html @@ -6,6 +6,7 @@ {{ template "materialize" }} <title>grilist</title> <link rel="stylesheet" href="/assets/css/list.css" /> + <link rel="stylesheet" href="/assets/css/search.css" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <script src="/assets/js/search.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> @@ -70,7 +71,7 @@ </form> </div> <div class="col s10 offset-s1"> - <ul class="collection search-results" id="search-results"> + <ul class="search-results" id="search-results"> </ul> </div> </div> -- cgit v0.10.1