From 4e5509351f3882431e6088cdc7ec3632534df2e4 Mon Sep 17 00:00:00 2001
From: Manuel Schmid <9307310+mashb1t@users.noreply.github.com>
Date: Sun, 26 May 2024 11:47:33 +0200
Subject: [PATCH] feat: remove labels from most of the image input fields
 (#2998)

---
 css/style.css    | 4 ++++
 language/en.json | 5 +----
 webui.py         | 8 ++++----
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/css/style.css b/css/style.css
index b82cf930..649f77c5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -401,6 +401,10 @@ progress::after {
   display: none; /* remove this to enable tooltip in preview image */
 }
 
+#inpaint_canvas .canvas-tooltip-info {
+  top: 2px;
+}
+
 #inpaint_brush_color input[type=color]{
   background: none;
 }
\ No newline at end of file
diff --git a/language/en.json b/language/en.json
index 33a70b7b..90eaf2ee 100644
--- a/language/en.json
+++ b/language/en.json
@@ -10,18 +10,15 @@
     "Upscale or Variation": "Upscale or Variation",
     "Image Prompt": "Image Prompt",
     "Inpaint or Outpaint": "Inpaint or Outpaint",
-    "Drag inpaint or outpaint image to here": "Drag inpaint or outpaint image to here",
     "Outpaint Direction": "Outpaint Direction",
     "Method": "Method",
     "Describe": "Describe",
-    "Drag any image to here": "Drag any image to here",
     "Content Type": "Content Type",
     "Photograph": "Photograph",
     "Art/Anime": "Art/Anime",
     "Describe this Image into Prompt": "Describe this Image into Prompt",
     "Image Size and Recommended Size": "Image Size and Recommended Size",
     "Upscale or Variation:": "Upscale or Variation:",
-    "Drag above image to here": "Drag above image to here",
     "Disabled": "Disabled",
     "Vary (Subtle)": "Vary (Subtle)",
     "Vary (Strong)": "Vary (Strong)",
@@ -394,7 +391,7 @@
     "Fooocus Enhance": "Fooocus Enhance",
     "Fooocus Cinematic": "Fooocus Cinematic",
     "Fooocus Sharp": "Fooocus Sharp",
-    "Drag any image generated by Fooocus here": "Drag any image generated by Fooocus here",
+    "For images created by Fooocus": "For images created by Fooocus",
     "Metadata": "Metadata",
     "Apply Metadata": "Apply Metadata",
     "Metadata Scheme": "Metadata Scheme",
diff --git a/webui.py b/webui.py
index ae0bc89f..b475cd90 100644
--- a/webui.py
+++ b/webui.py
@@ -152,7 +152,7 @@ with shared.gradio_root:
                     with gr.TabItem(label='Upscale or Variation') as uov_tab:
                         with gr.Row():
                             with gr.Column():
-                                uov_input_image = grh.Image(label='Drag above image to here', source='upload', type='numpy')
+                                uov_input_image = grh.Image(label='Image', source='upload', type='numpy', show_label=False)
                             with gr.Column():
                                 uov_method = gr.Radio(label='Upscale or Variation:', choices=flags.uov_list, value=flags.disabled)
                                 gr.HTML('<a href="https://github.com/lllyasviel/Fooocus/discussions/390" target="_blank">\U0001F4D4 Document</a>')
@@ -201,7 +201,7 @@ with shared.gradio_root:
                                            queue=False, show_progress=False)
                     with gr.TabItem(label='Inpaint or Outpaint') as inpaint_tab:
                         with gr.Row():
-                            inpaint_input_image = grh.Image(label='Drag inpaint or outpaint image to here', source='upload', type='numpy', tool='sketch', height=500, brush_color="#FFFFFF", elem_id='inpaint_canvas')
+                            inpaint_input_image = grh.Image(label='Image', source='upload', type='numpy', tool='sketch', height=500, brush_color="#FFFFFF", elem_id='inpaint_canvas', show_label=False)
                             inpaint_mask_image = grh.Image(label='Mask Upload', source='upload', type='numpy', height=500, visible=False)
 
                         with gr.Row():
@@ -214,7 +214,7 @@ with shared.gradio_root:
                     with gr.TabItem(label='Describe') as desc_tab:
                         with gr.Row():
                             with gr.Column():
-                                desc_input_image = grh.Image(label='Drag any image to here', source='upload', type='numpy')
+                                desc_input_image = grh.Image(label='Image', source='upload', type='numpy', show_label=False)
                             with gr.Column():
                                 desc_method = gr.Radio(
                                     label='Content Type',
@@ -233,7 +233,7 @@ with shared.gradio_root:
 
                     with gr.TabItem(label='Metadata') as load_tab:
                         with gr.Column():
-                            metadata_input_image = grh.Image(label='Drag any image generated by Fooocus here', source='upload', type='filepath')
+                            metadata_input_image = grh.Image(label='For images created by Fooocus', source='upload', type='filepath')
                             metadata_json = gr.JSON(label='Metadata')
                             metadata_import_button = gr.Button(value='Apply Metadata')