diff --git a/app/resources/locales/en_US/result.po b/app/resources/locales/en_US/result.po index 0404d29d4..7e8e4e907 100644 --- a/app/resources/locales/en_US/result.po +++ b/app/resources/locales/en_US/result.po @@ -115,10 +115,7 @@ msgid "search.none" msgstr "No results found" msgid "search.result.found" -msgstr "Found" - -msgid "search.result.found.modelCount" -msgstr "{0} {1}" +msgstr "Found {0} results" msgid "search.result.id" msgstr "ID {0}" diff --git a/app/templates/Dashboards/search.php b/app/templates/Dashboards/search.php index 54089d826..2f3cddf28 100644 --- a/app/templates/Dashboards/search.php +++ b/app/templates/Dashboards/search.php @@ -35,13 +35,22 @@ 'id' => 'search' ]; - $noResults = true; + $resultsCount = 0; + // Count only People and Groups for now. Other models can come later. + foreach(['People', 'Groups'] as $pm) { + $resultsCount += count($vv_results[$pm]); + } ?>

+ + +
@@ -60,48 +69,43 @@ - - - - - - -
- - - -
-
- -
-
-
+
+ + +
+ + $pm): ?> + +
    $matches): ?>
-
+ + +
- - - - -

- -

- - + +

+ +

+
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css index e5a73246d..d4ba15af4 100644 --- a/app/webroot/css/co-base.css +++ b/app/webroot/css/co-base.css @@ -705,23 +705,16 @@ ul.form-list li.alert-banner .co-alert { list-style: none; display: inline; } -#search-results-meta li:after { - content: ","; -} -#search-results-meta li:first-child:after, -#search-results-meta li:last-child:after { - content: ""; -} #search-results ul.search-results-group { padding: 0; list-style: none; - display: grid; - gap: 1em; - margin-bottom: 0; + margin: 1.5em 0 0; } #search-results li.search-result { padding: 0; + margin-bottom: 1.5em; border: 1px dashed var(--cmg-color-bg-008); + break-inside: avoid; } #search-results li.search-result a { display: block; @@ -740,6 +733,11 @@ ul.form-list li.alert-banner .co-alert { #search-results .search-result-match-info { font-size: 0.8em; } +#search-results .search-result-tab { + display: flex; + align-items: center; + gap: 0.5em; +} #search-results .accordion-body { padding: 1em; } diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css index 22fc96c68..1ba426474 100644 --- a/app/webroot/css/co-responsive.css +++ b/app/webroot/css/co-responsive.css @@ -199,8 +199,13 @@ border-right: 1px dashed var(--cmg-color-bg-006); } /* SEARCH RESULTS */ + body.search .pageTitleContainer { + justify-content: start; + gap: 1em; + } #search-results ul.search-results-group { - grid-template-columns: repeat(2,1fr); + column-count: 2; + column-gap: 1.25em; } #top-menu { z-index: 30; @@ -423,7 +428,7 @@ } /* SEARCH RESULTS */ #search-results ul.search-results-group { - grid-template-columns: repeat(4,1fr); + column-count: 3; } } @@ -431,7 +436,10 @@ /**************************************************************************************************************/ /* Extra large devices (desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { - + /* SEARCH RESULTS */ + #search-results ul.search-results-group { + column-count: 4; + } } /* SPECIAL */