Commit 69fb92f0 authored by Curtis Adam's avatar Curtis Adam

Move the search result link to a dedicated button

parent 3e6565c4
......@@ -249,6 +249,10 @@ $themes: (
$navbar_search_button_background_hover: map-get($map, "navbar_search_button_background_hover");
$navbar_search_button_icon_hover: map-get($map, "navbar_search_button_icon_hover");
$navbar_search_clear_icon: map-get($map, "navbar_search_clear_icon");
$navbar_search_result_open_icon: map-get($map, "navbar_search_result_open_icon");
$navbar_search_result_open_icon_hover: map-get($map, "navbar_search_result_open_icon_hover");
$navbar_search_result_open_background: map-get($map, "navbar_search_result_open_background");
$navbar_search_result_open_background_hover: map-get($map, "navbar_search_result_open_background_hover");
$navbar_help_background: map-get($map, "navbar_help_background");
$navbar_help_background_hover: map-get($map, "navbar_help_background_hover");
$navbar_help_background_active: map-get($map, "navbar_help_background_active");
......@@ -1956,6 +1960,17 @@ $themes: (
.input-search::placeholder {
color: $navbar_search_placeholder !important;
}
.open-search-result {
background-color: $navbar_search_result_open_background !important;
color: $navbar_search_result_open_icon !important;
}
.open-search-result:hover {
background-color: $navbar_search_result_open_background_hover !important;
color: $navbar_search_result_open_icon_hover !important;
}
.input-search:hover {
background-color: midnightblue !important;
}
......
......@@ -285,6 +285,10 @@
"navbar_search_button_background_hover": $button_background_hover,
"navbar_search_button_icon_hover": white,
"navbar_search_clear_icon": $thm_orange,
"navbar_search_result_open_icon": white,
"navbar_search_result_open_icon_hover": white,
"navbar_search_result_open_background": $thm_dark_blue,
"navbar_search_result_open_background_hover": $button_background_hover,
"navbar_help_background": black,
"navbar_help_background_hover": $button_background_hover,
......
......@@ -341,6 +341,12 @@
"personal": {
"cardsets": "Suche nach eigenen Karteien…",
"repetitorien": "Suche nach egeinen Repetitorien…"
},
"item": {
"open": {
"cardset": "Kartei öffnen",
"repetitorium": "Repetitorium öffnen"
}
}
},
"tooltip": {
......
......@@ -341,6 +341,12 @@
"personal": {
"cardsets": "Suche nach eigenen Karteien…",
"repetitorien": "Suche nach egeinen Repetitorien…"
},
"item": {
"open": {
"cardset": "Kartei öffnen",
"repetitorium": "Repetitorium öffnen"
}
}
},
"tooltip": {
......
......@@ -2,7 +2,7 @@
<div id="searchResults" class="cards-search-element" style="{{#if
searchCategories}}display: unset !important;{{else}}display: none !important;{{/if}}">
{{#each searchCategories}}
<a href="/cardset/{{_id}}" class="list-group-item clearfix search-result-item">
<div class="list-group-item clearfix search-result-item">
<h4 class="list-group-item-heading search-subject search-subject-{{kind}}">{{{getCardsetIcons this.shuffled}}}{{name}}</h4>
<p class="list-group-item-text search-result-info">
{{> cardsetLabels}}
......@@ -19,8 +19,11 @@
{{birthname}}
</p>
{{/with}}
<p class="list-group-item-text search-result-info">
<a href="/cardset/{{_id}}" class="btn btn-sm btn-raised open-search-result"><span class="flex-content"><i class="fas fa-sign-in-alt"></i>&nbsp;{{#if this.shuffled}}{{_ "navbar-collapse.search.item.open.repetitorium"}}{{else}}{{_ "navbar-collapse.search.item.open.cardset"}}{{/if}}</span></a>
</p>
<p class="list-group-item-text search-content markdeepCardset markdeepCardsetContent">{{#markdeep}}{{description}}{{/markdeep}}</p>
</a>
</div>
{{/each}}
</div>
</template>
......@@ -16,15 +16,20 @@
z-index: 1000;
margin: 0 !important;
background-color: hsla(100, 100%, 100%, 0.8) !important;
.open-search-result {
margin-top: 0;
margin-bottom: 0;
}
}
#searchResults a {
#searchResults .search-result-item {
border-bottom: solid $size_search_results_separator !important;
padding: 0 !important;
margin: 0 !important;
}
#searchResults a:last-child {
#searchResults .search-result-item:last-child {
border-bottom: 0 !important;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment