diff --git a/javascripts/search.js b/javascripts/search.js index e348f4ad15aa..cabee3a9fbfe 100644 --- a/javascripts/search.js +++ b/javascripts/search.js @@ -1,9 +1,6 @@ import { tags } from './hyperscript' import { sendEvent } from './events' import searchWithYourKeyboard from 'search-with-your-keyboard' -import truncate from 'html-truncate' - -const maxContentLength = 300 let $searchInputContainer let $searchResultsContainer @@ -274,8 +271,7 @@ function tmplSearchResult ({ url, breadcrumbs, heading, title, content }) { ), div( { class: 'search-result-content d-block text-gray' }, - // Truncate without breaking inner HTML tags - markify(truncate(content, maxContentLength)) + markify(content) ) ) ) diff --git a/package-lock.json b/package-lock.json index c7e2488b8707..499adb8ba73e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12784,11 +12784,6 @@ "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==", "dev": true }, - "html-truncate": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/html-truncate/-/html-truncate-1.2.2.tgz", - "integrity": "sha1-2y4zHc8cugvUMqUH0W6YhgnyV18=" - }, "html-void-elements": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-1.0.5.tgz", diff --git a/package.json b/package.json index c3031c3036e2..1e2f431b373b 100644 --- a/package.json +++ b/package.json @@ -57,7 +57,6 @@ "highlightjs-graphql": "^1.0.2", "hot-shots": "^8.2.0", "html-entities": "^1.2.1", - "html-truncate": "^1.2.2", "imurmurhash": "^0.1.4", "ioredis": "^4.19.4", "ioredis-mock": "^5.2.0", diff --git a/script/check-deps.js b/script/check-deps.js index 83eae3023fcb..799e3b03dd33 100644 --- a/script/check-deps.js +++ b/script/check-deps.js @@ -42,7 +42,6 @@ const main = async () => { 'style-loader', 'webpack-cli', 'browser-date-formatter', - 'html-truncate', 'search-with-your-keyboard', 'uuid', 'imurmurhash', diff --git a/stylesheets/search.scss b/stylesheets/search.scss index 2364bb139cd5..7ac756a999e2 100644 --- a/stylesheets/search.scss +++ b/stylesheets/search.scss @@ -89,6 +89,11 @@ mark, } } +.search-result-content { + max-height: 4rem; + overflow: hidden; +} + .search-result-title em { font-style: normal; text-decoration: underline;