Support placeholder size change

Author: Jack251970

Flow.Launcher.Infrastructure/UserSettings/Settings.cs

@@ -134,6 +134,16 @@ public bool ShowPlaceholder
                 OnPropertyChanged();
             }
         }
+        string _placeholderText { get; set; } = string.Empty;
+        public string PlaceholderText
+        {
+            get => _placeholderText;
+            set
+            {
+                _placeholderText = value;
+                OnPropertyChanged();
+            }
+        }
 
         public int CustomExplorerIndex { get; set; } = 0;
 

Flow.Launcher/Languages/en.xaml

@@ -202,8 +202,10 @@
     <system:String x:Key="BackdropTypesMicaAlt">Mica Alt</system:String>
     <system:String x:Key="TypeIsDarkToolTip">This theme supports two(light/dark) modes.</system:String>
     <system:String x:Key="TypeHasBlurToolTip">This theme supports Blur Transparent Background.</system:String>
-    <system:String x:Key="PlaceholderText">Placeholder Text</system:String>
-    <system:String x:Key="PlaceholderTextTip">Display placeholder text when query is empty</system:String>
+    <system:String x:Key="ShowPlaceholder">Show placeholder</system:String>
+    <system:String x:Key="ShowPlaceholderTip">Display placeholder when query is empty</system:String>
+    <system:String x:Key="PlaceholderText">Placeholder text</system:String>
+    <system:String x:Key="PlaceholderTextTip">Change placeholder text. Input empty will use: Type here to search</system:String>
     <system:String x:Key="ResizeWindow">Allow window size change</system:String>
     <system:String x:Key="ResizeWindowTip">Allow dragging the search window edges to change its size</system:String>
 

Flow.Launcher/MainWindow.xaml

@@ -224,7 +224,7 @@
                             FontSize="{Binding QueryBoxFontSize, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                             IsEnabled="False"
                             Style="{DynamicResource QuerySuggestionBoxStyle}"
-                            Text="{DynamicResource queryTextBoxSuggestion}"
+                            Text="{Binding PlaceholderText, Mode=OneWay}"
                             Visibility="Collapsed" />
                         <TextBox
                             x:Name="QueryTextSuggestionBox"

Flow.Launcher/MainWindow.xaml.cs

@@ -118,6 +118,7 @@ private async void OnLoaded(object sender, RoutedEventArgs _)
 
             // Initialize place holder
             SetupPlaceholderText();
+            _viewModel.PlaceholderText = _settings.PlaceholderText;
 
             // Hide window if need
             UpdatePosition();
@@ -248,6 +249,9 @@ private async void OnLoaded(object sender, RoutedEventArgs _)
                     case nameof(Settings.ShowPlaceholder):
                         SetupPlaceholderText();
                         break;
+                    case nameof(Settings.PlaceholderText):
+                        _viewModel.PlaceholderText = _settings.PlaceholderText;
+                        break;
                     case nameof(Settings.ResizeWindow):
                         SetupResizeMode();
                         break;

Flow.Launcher/SettingPages/ViewModels/SettingsPaneThemeViewModel.cs

@@ -271,6 +271,12 @@ public bool ShowPlaceholder
         set => Settings.ShowPlaceholder = value;
     }
 
+    public string PlaceholderText
+    {
+        get => Settings.PlaceholderText;
+        set => Settings.PlaceholderText = value;
+    }
+
     public bool UseClock
     {
         get => Settings.UseClock;

Flow.Launcher/SettingPages/Views/SettingsPaneTheme.xaml

@@ -70,6 +70,7 @@
                     <ColumnDefinition Width="8*" />
                     <ColumnDefinition MaxWidth="250" Style="{StaticResource SecondColumnStyle}" />
                 </Grid.ColumnDefinitions>
+
                 <!--  Theme Size Editor  -->
                 <Border
                     Grid.Column="1"
@@ -542,16 +543,27 @@
             </cc:Card>
 
             <!--  Placeholder text  -->
-            <cc:Card
-                Title="{DynamicResource PlaceholderText}"
-                Margin="0 14 0 0"
-                Icon="&#xE82F;"
-                Sub="{DynamicResource PlaceholderTextTip}">
-                <ui:ToggleSwitch
-                    IsOn="{Binding ShowPlaceholder}"
-                    OffContent="{DynamicResource disable}"
-                    OnContent="{DynamicResource enable}" />
-            </cc:Card>
+            <cc:CardGroup Margin="0 14 0 0">
+                <cc:Card
+                    Title="{DynamicResource ShowPlaceholder}"
+                    Icon="&#xE82F;"
+                    Sub="{DynamicResource ShowPlaceholderTip}">
+                    <ui:ToggleSwitch
+                        IsOn="{Binding ShowPlaceholder}"
+                        OffContent="{DynamicResource disable}"
+                        OnContent="{DynamicResource enable}" />
+                </cc:Card>
+
+                <cc:Card
+                    Title="{DynamicResource PlaceholderText}"
+                    Icon="&#xED59;"
+                    Sub="{DynamicResource PlaceholderTextTip}">
+                    <TextBox
+                        MinWidth="80"
+                        Text="{Binding PlaceholderText}"
+                        TextWrapping="NoWrap" />
+                </cc:Card>
+            </cc:CardGroup>
 
             <!--  Time and date  -->
             <cc:CardGroup Margin="0 14 0 0">

Flow.Launcher/ViewModel/MainViewModel.cs

@@ -765,6 +765,24 @@ private ResultsViewModel SelectedResults
         public double ClockPanelOpacity { get; set; } = 1;
         public double SearchIconOpacity { get; set; } = 1;
 
+        private string _placeholderText;
+        public string PlaceholderText
+        {
+            get => _placeholderText;
+            set
+            {
+                if (string.IsNullOrEmpty(value))
+                {
+                    _placeholderText = App.API.GetTranslation("queryTextBoxSuggestion");
+                }
+                else
+                {
+                    _placeholderText = value;
+                }
+                OnPropertyChanged();
+            }
+        }
+
         public double MainWindowWidth
         {
             get => Settings.WindowSize;