Update translations and layout

Author: zenoachtig

packages/gitbook/src/components/Search/SearchContainer.tsx

@@ -233,7 +233,7 @@ export function SearchContainer(props: SearchContainerProps) {
                     onOpenAutoFocus: (event) => event.preventDefault(),
                     align: 'start',
                     className:
-                        '@container bg-tint-base has-[.empty]:hidden gutter-stable scroll-py-2 w-128 p-2 pr-1 max-h-[min(32rem,var(--radix-popover-content-available-height))] max-w-[min(var(--radix-popover-content-available-width),32rem)]',
+                        '@container bg-tint-base has-[.empty]:hidden scroll-py-2 w-128 p-2 max-h-[min(32rem,var(--radix-popover-content-available-height))] max-w-[min(var(--radix-popover-content-available-width),32rem)]',
                     onInteractOutside: (event) => {
                         // Don't close if clicking on the search input itself
                         if (searchInputRef.current?.contains(event.target as Node)) {

packages/gitbook/src/components/Search/SearchScopeToggle.tsx

@@ -27,7 +27,18 @@ export function SearchScopeToggle(props: {
     return (
         <>
             {withSections ? (
-                <SegmentedControl className="animate-scale-in @max-md:flex-col">
+                <SegmentedControl className="animate-scale-in">
+                    <SegmentedControlItem
+                        active={state.scope === 'all' && state.depth === 'single'}
+                        label={
+                            withSiteVariants
+                                ? tString(language, 'search_scope_all_depth_single')
+                                : tString(language, 'search_scope_all_depth_full')
+                        }
+                        className={withSiteVariants ? '@max-md:basis-full' : ''}
+                        icon={withSiteVariants ? 'bullseye-arrow' : 'infinity'}
+                        onClick={() => setSearchState({ ...state, scope: 'all', depth: 'single' })}
+                    />
                     <SegmentedControlItem
                         active={state.scope === 'current'}
                         icon={section?.icon ?? 'crosshairs'}
@@ -40,16 +51,6 @@ export function SearchScopeToggle(props: {
                             setSearchState({ ...state, scope: 'current', depth: 'single' })
                         }
                     />
-                    <SegmentedControlItem
-                        active={state.scope === 'all' && state.depth === 'single'}
-                        label={
-                            withSiteVariants
-                                ? tString(language, 'search_scope_all_depth_single')
-                                : tString(language, 'search_scope_all_depth_full')
-                        }
-                        icon={withSiteVariants ? 'bullseye-arrow' : 'infinity'}
-                        onClick={() => setSearchState({ ...state, scope: 'all', depth: 'single' })}
-                    />
                     {withSiteVariants ? (
                         <SegmentedControlItem
                             active={state.scope === 'all' && state.depth === 'full'}
@@ -69,15 +70,13 @@ export function SearchScopeToggle(props: {
                         active={state.depth === 'single'}
                         className="py-1"
                         label={tString(language, 'search_scope_current_depth_single', spaceTitle)}
-                        // icon="crosshairs"
                         onClick={() => setSearchState({ ...state, depth: 'single' })}
                     />
                     <SegmentedControlItem
                         size={state.scope === 'current' ? 'small' : 'medium'}
                         active={state.depth === 'full'}
                         className="py-1"
-                        label={tString(language, 'search_scope_current_depth_full', section?.title)}
-                        // icon="rectangle-vertical-history"
+                        label={tString(language, 'search_scope_current_depth_full')}
                         onClick={() => setSearchState({ ...state, depth: 'full' })}
                     />
                 </SegmentedControl>

packages/gitbook/src/components/primitives/SegmentedControl.tsx

@@ -26,7 +26,7 @@ export function SegmentedControlItem(props: ButtonProps) {
             variant="blank"
             size={size}
             className={tcls(
-                'flex-1 justify-center whitespace-normal not-contrast-more:data-[active=true]:bg-tint-base',
+                'shrink grow justify-center whitespace-normal not-contrast-more:data-[active=true]:bg-tint-base',
                 className
             )}
             {...rest}

packages/gitbook/src/intl/translations/de.ts

@@ -14,7 +14,7 @@ export const de = {
     search_results_count: '${1} Ergebnisse',
     search_scope_current_depth_single: '${1}',
     search_scope_current_depth_full: 'Alle Inhalte',
-    search_scope_all_depth_single: 'Am relevantesten',
+    search_scope_all_depth_single: 'Beste Match',
     search_scope_all_depth_full: 'Alles',
     ask: 'Fragen',
     search_ask: 'Fragen "${1}"',

packages/gitbook/src/intl/translations/en.ts

@@ -14,7 +14,7 @@ export const en = {
     search_results_count: '${1} results',
     search_scope_current_depth_single: '${1}',
     search_scope_current_depth_full: 'All content',
-    search_scope_all_depth_single: 'Most relevant',
+    search_scope_all_depth_single: 'Best match',
     search_scope_all_depth_full: 'Everything',
     ask: 'Ask',
     search_ask: 'Ask "${1}"',

packages/gitbook/src/intl/translations/es.ts

@@ -16,7 +16,7 @@ export const es: TranslationLanguage = {
     search_results_count: '${1} resultados',
     search_scope_current_depth_single: '${1}',
     search_scope_current_depth_full: 'Todo el contenido',
-    search_scope_all_depth_single: 'Más relevante',
+    search_scope_all_depth_single: 'Mejor match',
     search_scope_all_depth_full: 'Todo',
     ask: 'Preguntar',
     search_ask: 'Preguntar "${1}"',

packages/gitbook/src/intl/translations/fr.ts

@@ -14,7 +14,7 @@ export const fr = {
     search_results_count: '${1} résultats',
     search_scope_current_depth_single: '${1}',
     search_scope_current_depth_full: 'Tous les contenus',
-    search_scope_all_depth_single: 'Plus pertinent',
+    search_scope_all_depth_single: 'Meilleur match',
     search_scope_all_depth_full: 'Tout',
     ask: 'Poser une question',
     search_ask: 'Demander « ${1} »',

packages/gitbook/src/intl/translations/ja.ts

@@ -16,7 +16,7 @@ export const ja: TranslationLanguage = {
     search_results_count: '${1}件の結果',
     search_scope_current_depth_single: '${1}',
     search_scope_current_depth_full: '全てのコンテンツ',
-    search_scope_all_depth_single: '最も関連性の高い',
+    search_scope_all_depth_single: '最適なマッチ',
     search_scope_all_depth_full: 'すべて',
     ask: '質問する',
     search_ask: '"${1}" を質問する',

packages/gitbook/src/intl/translations/nl.ts

@@ -16,7 +16,7 @@ export const nl: TranslationLanguage = {
     search_results_count: '${1} resultaten',
     search_scope_current_depth_single: '${1}',
     search_scope_current_depth_full: 'Alle inhoud',
-    search_scope_all_depth_single: 'Meest relevant',
+    search_scope_all_depth_single: 'Beste match',
     search_scope_all_depth_full: 'Alles',
     ask: 'Vragen',
     search_ask: 'Vraag "${1}"',

packages/gitbook/src/intl/translations/no.ts

@@ -16,7 +16,7 @@ export const no: TranslationLanguage = {
     search_results_count: '${1} resultater',
     search_scope_current_depth_single: '${1}',
     search_scope_current_depth_full: 'Alt innhold',
-    search_scope_all_depth_single: 'Mest relevant',
+    search_scope_all_depth_single: 'Beste treff',
     search_scope_all_depth_full: 'Alt',
     ask: 'Spør',
     search_ask: 'Spør "${1}"',