Fix advanced search options (missing Fluent strings, CSS) (#3508)

mozilla · Jan 6, 2025 · 6bab0c9 · 6bab0c9
1 parent 70c370b
commit 6bab0c9
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 13 deletions.
diff --git a/translate/public/locale/en-US/translate.ftl b/translate/public/locale/en-US/translate.ftl
@@ -154,7 +154,7 @@ editor-FtlSwitch--active =
 editor-FailedChecks--close = ×
     .aria-label = Close failed checks popup
 editor-FailedChecks--title = THE FOLLOWING CHECKS HAVE FAILED
-editor-FailedChecks--save-anyway = SAVE ANYWAY 
+editor-FailedChecks--save-anyway = SAVE ANYWAY
 editor-FailedChecks--suggest-anyway = SUGGEST ANYWAY
 editor-FailedChecks--approve-anyway = APPROVE ANYWAY
 
@@ -468,7 +468,7 @@ interactivetour-InteractiveTour--comments-content =
     In the Comments tab you can discuss how to translate content with
     your fellow team members. It’s also the place where you can request
     more context about or report an issue in the source string.
-    
+
 interactivetour-InteractiveTour--machinery-title = Machinery
 interactivetour-InteractiveTour--machinery-content =
     The Machinery tab shows automated translation suggestions from
@@ -682,11 +682,15 @@ search-FiltersPanel--apply-filters =
 
 ## Search Options Panel
 
-search-SearchPanel--option-name-identifiers = Search in string identifiers
+search-SearchPanel--option-name-search-match-case = Match case
+search-SearchPanel--option-name-search-match-whole-word = Match whole word
+search-SearchPanel--option-name-search-identifiers = Search in string identifiers
+search-SearchPanel--option-name-search-rejected-translations = Include rejected translations
+search-SearchPanel--option-name-search-exclude-source-strings = Exclude source strings
 
 search-SearchPanel--heading = SEARCH OPTIONS
 
-search-SearchPanel--apply-options = APPLY SEARCH OPTIONS
+search-SearchPanel--apply-search-options = APPLY SEARCH OPTIONS
     .title = Apply Selected Search Options
 
 ## Time Range Filter
@@ -700,7 +704,7 @@ search-TimeRangeFilter--save-range = SAVE RANGE
 ## Term
 ## Shows term entry with its metadata
 
-term-Term--copy = 
+term-Term--copy =
     .title = Copy Into Translation
 
 term-Term--for-example = E.G.
@@ -709,9 +713,9 @@ term-Term--for-example = E.G.
 ## User Avatar
 ## Shows user Avatar with alt text
 
-user-UserAvatar--anon-alt-text = 
+user-UserAvatar--anon-alt-text =
     .alt = Anonymous User
-user-UserAvatar--alt-text = 
+user-UserAvatar--alt-text =
     .alt = User Profile
 
 ## User Menu

diff --git a/translate/src/modules/search/components/SearchPanel.css b/translate/src/modules/search/components/SearchPanel.css
@@ -95,10 +95,8 @@
     margin-bottom: 5px;
     margin-top: 8px;
 
-    &:hover,
-    .applied-count {
+    &:hover {
       color: var(--status-translated);
-      margin-top: 35px;
     }
   }
 }
diff --git a/translate/src/modules/search/components/SearchPanel.tsx b/translate/src/modules/search/components/SearchPanel.tsx
@@ -38,8 +38,10 @@ const SearchOption = ({
         onToggle();
       }}
     >
-      <i className='fa fa-w'></i>
-      <Localized id={`search-SearchPanel--option-name-${slug}`}>
+      <i className='fa'></i>
+      <Localized
+        id={`search-SearchPanel--option-name-${slug.replace(/_/g, '-')}`}
+      >
         <span className='label'>{name}</span>
       </Localized>
     </li>
@@ -71,7 +73,7 @@ export function SearchPanelDialog({
         ))}
       </ul>
 
-      <Localized id='search-SearchPanel--apply-searchOptions'>
+      <Localized id='search-SearchPanel--apply-search-options'>
         <button
           title='Apply Selected Search Options'
           onClick={onApplyOptions}