From 4795c6e9e942b5ce489e4451ef84fa75128d89d2 Mon Sep 17 00:00:00 2001 From: Dawood Khan Date: Mon, 3 Jun 2024 12:53:59 -0400 Subject: [PATCH] Fix multimodal textbox styling for certain themes (#8369) * fix css * add changeset * Add `--table-text-color` var to fix body text in `Examples` (#8364) * add --table-text-color var * add changeset * format * tweak * add changeset * fix * add changeset --------- Co-authored-by: gradio-pr-bot * Include JS Client package in CI for PR testing (#8362) * add js client pkg action * test * Revert "test" This reverts commit 575bcfca1b67ef8148e2f91a8cd5545593e7af3a. * tweaks (#8374) * chore: update docs.py (#8378) * chore: update docs.py Documention -> Documentation * add changeset * add changeset --------- Co-authored-by: gradio-pr-bot * Fix encoding error (#8381) * Set orig_name in python client file uploads (#8371) * Add code * add changeset * URL case --------- Co-authored-by: gradio-pr-bot Co-authored-by: Hannah * Include instructions on starting from someone else's custom component repository (#8386) * Add guide * add changeset * Fix link * add changeset * Add code --------- Co-authored-by: gradio-pr-bot * Fix bug in reload mode equality check. Better equality conversion for state variables (#8385) * Add code * Add deep equality * add changeset * Add code * add changeset * Update gradio/utils.py Co-authored-by: Abubakar Abid * Add code * Add code * add code --------- Co-authored-by: gradio-pr-bot Co-authored-by: Abubakar Abid * Change z-index of status tracker (#8372) * change z-index of status tracker * add changeset --------- Co-authored-by: gradio-pr-bot * Add CDN installation to JS docs (#8401) * add cdn copy * add changeset * tweak * tweak * add changeset * Update guides/08_gradio-clients-and-lite/02_getting-started-with-the-js-client.md Co-authored-by: Abubakar Abid * remove version from cdn link * tweak * tweak --------- Co-authored-by: gradio-pr-bot Co-authored-by: Abubakar Abid * Improve rendering (#8398) * changes * add changeset * changes * changes * changes * changes * changes * changes * changeas * changes * add changeset * changes * add changeset * changes * changes * changes * changes * changes * changes * changes * changes * add changeset * changes * cganges * changes * changes * changes * changes * add changeset * changes * chagnes * changes * changes * changes * changes * changes * js * remove console log * changes * changes * changes * changes * changes * changes * changes * changes * changes * add changeset * changes * chnages * changes * cnages * changes * changes * changes * changes * changes * changes * changes * changes * changes * changes * changes * changes * add changeset * changes * changes * changes * changes * changes * changes * changes * add changeset * changes * changes * changes * changes * changes * changes * changes * changes * changes * changes * changes * add changeset * Add `state.change` listener (#8297) * state changes * changes --------- Co-authored-by: Ali Abid Co-authored-by: Abubakar Abid * changes * changes * add changeset * changes * changes * changes * changes * changes * changes * updates * changes * add changeset * changes * changes * add changeset * fix * changes * changes * changes * changes * changes * changes * add changeset * changes --------- Co-authored-by: Ali Abid Co-authored-by: gradio-pr-bot Co-authored-by: Abubakar Abid * Render decorator documentation (#8409) * changes * changes * add changeset * fix dependency loop and documentation group * add changeset * changes * fix numbered list * changes * changes --------- Co-authored-by: Ali Abid Co-authored-by: gradio-pr-bot Co-authored-by: aliabd * Connect heartbeat if state created in render. Also fix config cleanup bug #8407 (#8408) * Add code * add changeset * add changeset * lint --------- Co-authored-by: gradio-pr-bot * Model3D right-handed coordinate system (#8376) * changes (#8411) Co-authored-by: Ali Abid * Editable Docs (#8403) * docs intro page and guides * python library docs and js client * reorg * changes * add better hovering * fix broken version routing * add redirects and remove duplicate pages * fix build issues * fix issues * formatting * add changeset * working templates for all components * add other pages * merge * merge * changes * changes * working from templates * changes * refactoring * changes * build working * formatting * importing meta globs * add uploading templates to ci * fixes * add changeset * remove fake version * fix * ignore * formatting * adding render page to docs * add changeset * formatting fix * typo --------- Co-authored-by: gradio-pr-bot * chore: update versions (#8348) --------- Co-authored-by: gradio-pr-bot Co-authored-by: Hannah Co-authored-by: Ikko Eltociear Ashimine Co-authored-by: Xu Song Co-authored-by: Freddy Boulton Co-authored-by: Abubakar Abid Co-authored-by: aliabid94 Co-authored-by: Ali Abid Co-authored-by: aliabd Co-authored-by: Dylan Ebert Co-authored-by: pngwn --- .changeset/nice-plums-bet.md | 6 ++++++ js/multimodaltextbox/shared/MultimodalTextbox.svelte | 6 +++--- 2 files changed, 9 insertions(+), 3 deletions(-) create mode 100644 .changeset/nice-plums-bet.md diff --git a/.changeset/nice-plums-bet.md b/.changeset/nice-plums-bet.md new file mode 100644 index 0000000000000..10bf978c92423 --- /dev/null +++ b/.changeset/nice-plums-bet.md @@ -0,0 +1,6 @@ +--- +"@gradio/multimodaltextbox": patch +"gradio": patch +--- + +fix:Fix multimodal textbox styling for certain themes diff --git a/js/multimodaltextbox/shared/MultimodalTextbox.svelte b/js/multimodaltextbox/shared/MultimodalTextbox.svelte index 6c84a5a9c115d..e5212ba7bdf0e 100644 --- a/js/multimodaltextbox/shared/MultimodalTextbox.svelte +++ b/js/multimodaltextbox/shared/MultimodalTextbox.svelte @@ -313,6 +313,7 @@ background: var(--input-background-fill); padding: var(--input-padding); width: 90%; + max-width: 95%; max-height: 100%; height: 25px; color: var(--body-text-color); @@ -322,7 +323,7 @@ border: none; margin-top: 0px; margin-bottom: 0px; - margin-left: 30px; + margin-left: 35px; padding-top: 12px; resize: none; } @@ -352,7 +353,6 @@ border-radius: 50%; width: 30px; height: 30px; - bottom: 15px; } .upload-button:hover, @@ -366,7 +366,7 @@ } .submit-button { - right: 10px; + right: 15px; margin-left: 5px; padding-bottom: 5px; padding-left: 2px;