From 6ab5cc367c188ede22aa0e8f50e6bb1f8dd76115 Mon Sep 17 00:00:00 2001 From: Dhruwang Jariwala <67850763+Dhruwang@users.noreply.github.com> Date: Tue, 17 Feb 2026 10:41:29 +0530 Subject: [PATCH] fix: reduced default height of input (#7259) --- apps/web/i18n.lock | 4 ++-- apps/web/lib/styling/constants.ts | 6 +++--- apps/web/locales/de-DE.json | 4 ++-- apps/web/locales/en-US.json | 4 ++-- apps/web/locales/es-ES.json | 4 ++-- apps/web/locales/fr-FR.json | 4 ++-- apps/web/locales/hu-HU.json | 4 ++-- apps/web/locales/ja-JP.json | 4 ++-- apps/web/locales/nl-NL.json | 4 ++-- apps/web/locales/pt-BR.json | 4 ++-- apps/web/locales/pt-PT.json | 4 ++-- apps/web/locales/ro-RO.json | 4 ++-- apps/web/locales/ru-RU.json | 4 ++-- apps/web/locales/sv-SE.json | 4 ++-- apps/web/locales/zh-Hans-CN.json | 4 ++-- apps/web/locales/zh-Hant-TW.json | 4 ++-- packages/survey-ui/src/styles/globals.css | 8 ++++---- 17 files changed, 37 insertions(+), 37 deletions(-) diff --git a/apps/web/i18n.lock b/apps/web/i18n.lock index 18f3035f16..9e6b861daf 100644 --- a/apps/web/i18n.lock +++ b/apps/web/i18n.lock @@ -2036,12 +2036,12 @@ checksums: environments/workspace/look/advanced_styling_field_headline_size_description: 13debc3855e4edae992c7a1ebff599c3 environments/workspace/look/advanced_styling_field_headline_weight: 0c8b8262945c61f8e2978502362e0a42 environments/workspace/look/advanced_styling_field_headline_weight_description: 1a9c40bd76ff5098b1e48b1d3893171b - environments/workspace/look/advanced_styling_field_height: f4da6d7ecd26e3fa75cfea03abb60c00 + environments/workspace/look/advanced_styling_field_height: 40ca2224bb2936ad1329091b35a9ffe2 environments/workspace/look/advanced_styling_field_indicator_bg: 00febda2901af0f1b0c17e44f9917c38 environments/workspace/look/advanced_styling_field_indicator_bg_description: 7eb3b54a8b331354ec95c0dc1545c620 environments/workspace/look/advanced_styling_field_input_border_radius_description: 0007f1bb572b35d9a3720daeb7a55617 environments/workspace/look/advanced_styling_field_input_font_size_description: 5311f95dcbd083623e35c98ea5374c3b - environments/workspace/look/advanced_styling_field_input_height_description: b704fc67e805223992c811d6f86a9c00 + environments/workspace/look/advanced_styling_field_input_height_description: e19ec0dc432478def0fd1199ad765e38 environments/workspace/look/advanced_styling_field_input_padding_x_description: 10e14296468321c13fda77fd1ba58dfd environments/workspace/look/advanced_styling_field_input_padding_y_description: 98b4aeff2940516d05ea61bdc1211d0d environments/workspace/look/advanced_styling_field_input_placeholder_opacity_description: f55a6700884d24014404e58876121ddf diff --git a/apps/web/lib/styling/constants.ts b/apps/web/lib/styling/constants.ts index 37dcb81989..e6b10a71f2 100644 --- a/apps/web/lib/styling/constants.ts +++ b/apps/web/lib/styling/constants.ts @@ -118,10 +118,10 @@ export const STYLE_DEFAULTS: TProjectStyling = { // Inputs inputTextColor: { light: _colors["inputTextColor.light"] }, inputBorderRadius: 8, - inputHeight: 40, + inputHeight: 20, inputFontSize: 14, - inputPaddingX: 16, - inputPaddingY: 16, + inputPaddingX: 8, + inputPaddingY: 8, inputPlaceholderOpacity: 0.5, inputShadow: "0 1px 2px 0 rgb(0 0 0 / 0.05)", diff --git a/apps/web/locales/de-DE.json b/apps/web/locales/de-DE.json index 9a30832832..dee08ed3cc 100644 --- a/apps/web/locales/de-DE.json +++ b/apps/web/locales/de-DE.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "Skaliert den Überschriftentext.", "advanced_styling_field_headline_weight": "Schriftstärke der Überschrift", "advanced_styling_field_headline_weight_description": "Macht den Überschriftentext heller oder fetter.", - "advanced_styling_field_height": "Höhe", + "advanced_styling_field_height": "Mindesthöhe", "advanced_styling_field_indicator_bg": "Indikator-Hintergrund", "advanced_styling_field_indicator_bg_description": "Färbt den gefüllten Teil des Balkens.", "advanced_styling_field_input_border_radius_description": "Rundet die Eingabeecken ab.", "advanced_styling_field_input_font_size_description": "Skaliert den eingegebenen Text in Eingabefeldern.", - "advanced_styling_field_input_height_description": "Steuert die Höhe des Eingabefelds.", + "advanced_styling_field_input_height_description": "Legt die Mindesthöhe des Eingabefelds fest.", "advanced_styling_field_input_padding_x_description": "Fügt links und rechts Abstand hinzu.", "advanced_styling_field_input_padding_y_description": "Fügt oben und unten Abstand hinzu.", "advanced_styling_field_input_placeholder_opacity_description": "Blendet den Platzhaltertext aus.", diff --git a/apps/web/locales/en-US.json b/apps/web/locales/en-US.json index fb6250156b..a0251ae59e 100644 --- a/apps/web/locales/en-US.json +++ b/apps/web/locales/en-US.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "Scales the headline text.", "advanced_styling_field_headline_weight": "Headline Font Weight", "advanced_styling_field_headline_weight_description": "Makes headline text lighter or bolder.", - "advanced_styling_field_height": "Height", + "advanced_styling_field_height": "Minimum Height", "advanced_styling_field_indicator_bg": "Indicator Background", "advanced_styling_field_indicator_bg_description": "Colors the filled portion of the bar.", "advanced_styling_field_input_border_radius_description": "Rounds the input corners.", "advanced_styling_field_input_font_size_description": "Scales the typed text in inputs.", - "advanced_styling_field_input_height_description": "Controls the input field height.", + "advanced_styling_field_input_height_description": "Controls the minimum height of the input field.", "advanced_styling_field_input_padding_x_description": "Adds space on the left and right.", "advanced_styling_field_input_padding_y_description": "Adds space on the top and bottom.", "advanced_styling_field_input_placeholder_opacity_description": "Fades the placeholder hint text.", diff --git a/apps/web/locales/es-ES.json b/apps/web/locales/es-ES.json index 523bf17b02..bbb623278f 100644 --- a/apps/web/locales/es-ES.json +++ b/apps/web/locales/es-ES.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "Escala el texto del titular.", "advanced_styling_field_headline_weight": "Grosor de fuente del titular", "advanced_styling_field_headline_weight_description": "Hace el texto del titular más ligero o más grueso.", - "advanced_styling_field_height": "Altura", + "advanced_styling_field_height": "Altura mínima", "advanced_styling_field_indicator_bg": "Fondo del indicador", "advanced_styling_field_indicator_bg_description": "Colorea la porción rellena de la barra.", "advanced_styling_field_input_border_radius_description": "Redondea las esquinas del campo.", "advanced_styling_field_input_font_size_description": "Escala el texto escrito en los campos.", - "advanced_styling_field_input_height_description": "Controla la altura del campo de entrada.", + "advanced_styling_field_input_height_description": "Controla la altura mínima del campo de entrada.", "advanced_styling_field_input_padding_x_description": "Añade espacio a la izquierda y a la derecha.", "advanced_styling_field_input_padding_y_description": "Añade espacio en la parte superior e inferior.", "advanced_styling_field_input_placeholder_opacity_description": "Atenúa el texto de sugerencia del marcador de posición.", diff --git a/apps/web/locales/fr-FR.json b/apps/web/locales/fr-FR.json index 38cadb6e93..cb969de2b2 100644 --- a/apps/web/locales/fr-FR.json +++ b/apps/web/locales/fr-FR.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "Ajuste la taille du texte du titre.", "advanced_styling_field_headline_weight": "Graisse de police du titre", "advanced_styling_field_headline_weight_description": "Rend le texte du titre plus léger ou plus gras.", - "advanced_styling_field_height": "Hauteur", + "advanced_styling_field_height": "Hauteur minimale", "advanced_styling_field_indicator_bg": "Arrière-plan de l'indicateur", "advanced_styling_field_indicator_bg_description": "Colore la partie remplie de la barre.", "advanced_styling_field_input_border_radius_description": "Arrondit les coins du champ de saisie.", "advanced_styling_field_input_font_size_description": "Ajuste la taille du texte saisi dans les champs.", - "advanced_styling_field_input_height_description": "Contrôle la hauteur du champ de saisie.", + "advanced_styling_field_input_height_description": "Contrôle la hauteur minimale du champ de saisie.", "advanced_styling_field_input_padding_x_description": "Ajoute de l'espace à gauche et à droite.", "advanced_styling_field_input_padding_y_description": "Ajoute de l'espace en haut et en bas.", "advanced_styling_field_input_placeholder_opacity_description": "Atténue le texte d'indication du placeholder.", diff --git a/apps/web/locales/hu-HU.json b/apps/web/locales/hu-HU.json index 9fa18f822d..15ad9deb5b 100644 --- a/apps/web/locales/hu-HU.json +++ b/apps/web/locales/hu-HU.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "Átméretezi a címsor szövegét.", "advanced_styling_field_headline_weight": "Címsor betűvastagsága", "advanced_styling_field_headline_weight_description": "Vékonyabbá vagy vastagabbá teszi a címsor szövegét.", - "advanced_styling_field_height": "Magasság", + "advanced_styling_field_height": "Minimális magasság", "advanced_styling_field_indicator_bg": "Jelző háttere", "advanced_styling_field_indicator_bg_description": "Kiszínezi a sáv kitöltött részét.", "advanced_styling_field_input_border_radius_description": "Lekerekíti a beviteli mező sarkait.", "advanced_styling_field_input_font_size_description": "Átméretezi a beviteli mezőkbe beírt szöveget.", - "advanced_styling_field_input_height_description": "A beviteli mező magasságát vezérli.", + "advanced_styling_field_input_height_description": "A beviteli mező minimális magasságát szabályozza.", "advanced_styling_field_input_padding_x_description": "Térközt ad hozzá balra és jobbra.", "advanced_styling_field_input_padding_y_description": "Térközt ad hozzá fent és lent.", "advanced_styling_field_input_placeholder_opacity_description": "Elhalványítja a helykitöltő súgószöveget.", diff --git a/apps/web/locales/ja-JP.json b/apps/web/locales/ja-JP.json index c5f83af67c..5972a3d8e3 100644 --- a/apps/web/locales/ja-JP.json +++ b/apps/web/locales/ja-JP.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "見出しテキストのサイズを調整します。", "advanced_styling_field_headline_weight": "見出しのフォントの太さ", "advanced_styling_field_headline_weight_description": "見出しテキストを細くまたは太くします。", - "advanced_styling_field_height": "高さ", + "advanced_styling_field_height": "最小の高さ", "advanced_styling_field_indicator_bg": "インジケーターの背景", "advanced_styling_field_indicator_bg_description": "バーの塗りつぶし部分に色を付けます。", "advanced_styling_field_input_border_radius_description": "入力フィールドの角を丸めます。", "advanced_styling_field_input_font_size_description": "入力フィールド内の入力テキストのサイズを調整します。", - "advanced_styling_field_input_height_description": "入力フィールドの高さを調整します。", + "advanced_styling_field_input_height_description": "入力フィールドの最小の高さを制御します。", "advanced_styling_field_input_padding_x_description": "左右にスペースを追加します。", "advanced_styling_field_input_padding_y_description": "上下にスペースを追加します。", "advanced_styling_field_input_placeholder_opacity_description": "プレースホルダーのヒントテキストを薄くします。", diff --git a/apps/web/locales/nl-NL.json b/apps/web/locales/nl-NL.json index de434eb92d..b4fc6accea 100644 --- a/apps/web/locales/nl-NL.json +++ b/apps/web/locales/nl-NL.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "Schaalt de koptekst.", "advanced_styling_field_headline_weight": "Letterdikte kop", "advanced_styling_field_headline_weight_description": "Maakt koptekst lichter of vetter.", - "advanced_styling_field_height": "Hoogte", + "advanced_styling_field_height": "Minimale hoogte", "advanced_styling_field_indicator_bg": "Indicatorachtergrond", "advanced_styling_field_indicator_bg_description": "Kleurt het gevulde deel van de balk.", "advanced_styling_field_input_border_radius_description": "Rondt de invoerhoeken af.", "advanced_styling_field_input_font_size_description": "Schaalt de getypte tekst in invoervelden.", - "advanced_styling_field_input_height_description": "Bepaalt de hoogte van het invoerveld.", + "advanced_styling_field_input_height_description": "Bepaalt de minimale hoogte van het invoerveld.", "advanced_styling_field_input_padding_x_description": "Voegt ruimte toe aan de linker- en rechterkant.", "advanced_styling_field_input_padding_y_description": "Voegt ruimte toe aan de boven- en onderkant.", "advanced_styling_field_input_placeholder_opacity_description": "Vervaagt de tijdelijke aanwijzingstekst.", diff --git a/apps/web/locales/pt-BR.json b/apps/web/locales/pt-BR.json index 91483066a4..235b4fa0c5 100644 --- a/apps/web/locales/pt-BR.json +++ b/apps/web/locales/pt-BR.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "Ajusta o tamanho do texto do título.", "advanced_styling_field_headline_weight": "Peso da fonte do título", "advanced_styling_field_headline_weight_description": "Torna o texto do título mais leve ou mais negrito.", - "advanced_styling_field_height": "Altura", + "advanced_styling_field_height": "Altura mínima", "advanced_styling_field_indicator_bg": "Fundo do indicador", "advanced_styling_field_indicator_bg_description": "Colore a porção preenchida da barra.", "advanced_styling_field_input_border_radius_description": "Arredonda os cantos do campo.", "advanced_styling_field_input_font_size_description": "Ajusta o tamanho do texto digitado nos campos.", - "advanced_styling_field_input_height_description": "Controla a altura do campo de entrada.", + "advanced_styling_field_input_height_description": "Controla a altura mínima do campo de entrada.", "advanced_styling_field_input_padding_x_description": "Adiciona espaço à esquerda e à direita.", "advanced_styling_field_input_padding_y_description": "Adiciona espaço na parte superior e inferior.", "advanced_styling_field_input_placeholder_opacity_description": "Esmaece o texto de dica do placeholder.", diff --git a/apps/web/locales/pt-PT.json b/apps/web/locales/pt-PT.json index cb475dc375..c09acd233f 100644 --- a/apps/web/locales/pt-PT.json +++ b/apps/web/locales/pt-PT.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "Ajusta o tamanho do texto do título.", "advanced_styling_field_headline_weight": "Peso da fonte do título", "advanced_styling_field_headline_weight_description": "Torna o texto do título mais leve ou mais negrito.", - "advanced_styling_field_height": "Altura", + "advanced_styling_field_height": "Altura mínima", "advanced_styling_field_indicator_bg": "Fundo do indicador", "advanced_styling_field_indicator_bg_description": "Colore a porção preenchida da barra.", "advanced_styling_field_input_border_radius_description": "Arredonda os cantos do campo.", "advanced_styling_field_input_font_size_description": "Ajusta o tamanho do texto digitado nos campos.", - "advanced_styling_field_input_height_description": "Controla a altura do campo de entrada.", + "advanced_styling_field_input_height_description": "Controla a altura mínima do campo de entrada.", "advanced_styling_field_input_padding_x_description": "Adiciona espaço à esquerda e à direita.", "advanced_styling_field_input_padding_y_description": "Adiciona espaço no topo e na base.", "advanced_styling_field_input_placeholder_opacity_description": "Atenua o texto de sugestão do placeholder.", diff --git a/apps/web/locales/ro-RO.json b/apps/web/locales/ro-RO.json index 51e979d261..ad8f4ba384 100644 --- a/apps/web/locales/ro-RO.json +++ b/apps/web/locales/ro-RO.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "Scalează textul titlului.", "advanced_styling_field_headline_weight": "Grosime font titlu", "advanced_styling_field_headline_weight_description": "Face textul titlului mai subțire sau mai îngroșat.", - "advanced_styling_field_height": "Înălțime", + "advanced_styling_field_height": "Înălțime minimă", "advanced_styling_field_indicator_bg": "Fundal indicator", "advanced_styling_field_indicator_bg_description": "Colorează partea umplută a barei.", "advanced_styling_field_input_border_radius_description": "Rotunjește colțurile câmpurilor de introducere.", "advanced_styling_field_input_font_size_description": "Scalează textul introdus în câmpuri.", - "advanced_styling_field_input_height_description": "Controlează înălțimea câmpului de introducere.", + "advanced_styling_field_input_height_description": "Controlează înălțimea minimă a câmpului de introducere.", "advanced_styling_field_input_padding_x_description": "Adaugă spațiu la stânga și la dreapta.", "advanced_styling_field_input_padding_y_description": "Adaugă spațiu deasupra și dedesubt.", "advanced_styling_field_input_placeholder_opacity_description": "Estompează textul de sugestie din placeholder.", diff --git a/apps/web/locales/ru-RU.json b/apps/web/locales/ru-RU.json index 6640bd6e8b..2ddcb2cf86 100644 --- a/apps/web/locales/ru-RU.json +++ b/apps/web/locales/ru-RU.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "Масштабирует текст заголовка.", "advanced_styling_field_headline_weight": "Толщина шрифта заголовка", "advanced_styling_field_headline_weight_description": "Делает текст заголовка тоньше или жирнее.", - "advanced_styling_field_height": "Высота", + "advanced_styling_field_height": "Минимальная высота", "advanced_styling_field_indicator_bg": "Фон индикатора", "advanced_styling_field_indicator_bg_description": "Задаёт цвет заполненной части полосы.", "advanced_styling_field_input_border_radius_description": "Скругляет углы полей ввода.", "advanced_styling_field_input_font_size_description": "Масштабирует введённый текст в полях ввода.", - "advanced_styling_field_input_height_description": "Определяет высоту поля ввода.", + "advanced_styling_field_input_height_description": "Определяет минимальную высоту поля ввода.", "advanced_styling_field_input_padding_x_description": "Добавляет отступы слева и справа.", "advanced_styling_field_input_padding_y_description": "Добавляет пространство сверху и снизу.", "advanced_styling_field_input_placeholder_opacity_description": "Делает текст подсказки менее заметным.", diff --git a/apps/web/locales/sv-SE.json b/apps/web/locales/sv-SE.json index 519b345fbe..0c29b1aa9f 100644 --- a/apps/web/locales/sv-SE.json +++ b/apps/web/locales/sv-SE.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "Ändrar storleken på rubriken.", "advanced_styling_field_headline_weight": "Rubrikens teckentjocklek", "advanced_styling_field_headline_weight_description": "Gör rubriktexten tunnare eller fetare.", - "advanced_styling_field_height": "Höjd", + "advanced_styling_field_height": "Minsta höjd", "advanced_styling_field_indicator_bg": "Indikatorns bakgrund", "advanced_styling_field_indicator_bg_description": "Färglägger den fyllda delen av stapeln.", "advanced_styling_field_input_border_radius_description": "Rundar av hörnen på inmatningsfält.", "advanced_styling_field_input_font_size_description": "Ändrar storleken på texten i inmatningsfält.", - "advanced_styling_field_input_height_description": "Styr höjden på inmatningsfältet.", + "advanced_styling_field_input_height_description": "Styr den minsta höjden på inmatningsfältet.", "advanced_styling_field_input_padding_x_description": "Lägger till utrymme till vänster och höger.", "advanced_styling_field_input_padding_y_description": "Lägger till utrymme upptill och nedtill.", "advanced_styling_field_input_placeholder_opacity_description": "Tonar ut platshållartexten.", diff --git a/apps/web/locales/zh-Hans-CN.json b/apps/web/locales/zh-Hans-CN.json index 2469d5819e..7b4ff2f65f 100644 --- a/apps/web/locales/zh-Hans-CN.json +++ b/apps/web/locales/zh-Hans-CN.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "调整主标题文字大小。", "advanced_styling_field_headline_weight": "标题字体粗细", "advanced_styling_field_headline_weight_description": "设置主标题文字的粗细。", - "advanced_styling_field_height": "高度", + "advanced_styling_field_height": "最小高度", "advanced_styling_field_indicator_bg": "指示器背景", "advanced_styling_field_indicator_bg_description": "设置进度条已填充部分的颜色。", "advanced_styling_field_input_border_radius_description": "设置输入框圆角。", "advanced_styling_field_input_font_size_description": "调整输入框内文字大小。", - "advanced_styling_field_input_height_description": "控制输入框高度。", + "advanced_styling_field_input_height_description": "设置输入框的最小高度。", "advanced_styling_field_input_padding_x_description": "增加输入框左右间距。", "advanced_styling_field_input_padding_y_description": "为输入框上下添加间距。", "advanced_styling_field_input_placeholder_opacity_description": "调整占位提示文字的透明度。", diff --git a/apps/web/locales/zh-Hant-TW.json b/apps/web/locales/zh-Hant-TW.json index 07d3db7264..7893c8f093 100644 --- a/apps/web/locales/zh-Hant-TW.json +++ b/apps/web/locales/zh-Hant-TW.json @@ -2153,12 +2153,12 @@ "advanced_styling_field_headline_size_description": "調整標題文字的大小。", "advanced_styling_field_headline_weight": "標題字體粗細", "advanced_styling_field_headline_weight_description": "讓標題文字變細或變粗。", - "advanced_styling_field_height": "高度", + "advanced_styling_field_height": "最小高度", "advanced_styling_field_indicator_bg": "指示器背景", "advanced_styling_field_indicator_bg_description": "設定進度條已填滿部分的顏色。", "advanced_styling_field_input_border_radius_description": "調整輸入框的圓角。", "advanced_styling_field_input_font_size_description": "調整輸入框內輸入文字的大小。", - "advanced_styling_field_input_height_description": "調整輸入欄位的高度。", + "advanced_styling_field_input_height_description": "設定輸入欄位的最小高度。", "advanced_styling_field_input_padding_x_description": "在左右兩側增加間距。", "advanced_styling_field_input_padding_y_description": "在上方和下方增加間距。", "advanced_styling_field_input_placeholder_opacity_description": "讓提示文字變得更淡。", diff --git a/packages/survey-ui/src/styles/globals.css b/packages/survey-ui/src/styles/globals.css index 9201532e22..5c73235560 100644 --- a/packages/survey-ui/src/styles/globals.css +++ b/packages/survey-ui/src/styles/globals.css @@ -130,9 +130,9 @@ --fb-input-placeholder-color: var(--fb-input-text-color, var(--fb-input-color)); --fb-input-placeholder-opacity: 0.5; --fb-input-width: 100%; - --fb-input-height: 40px; - --fb-input-padding-x: 16px; - --fb-input-padding-y: 16px; + --fb-input-height: 20px; + --fb-input-padding-x: 8px; + --fb-input-padding-y: 8px; --fb-input-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); /* ── Progress Bar ──────────────────────────────────────────────────── */ @@ -244,4 +244,4 @@ #fbjs textarea::-webkit-scrollbar-thumb:hover { background-color: hsl(215.4 16.3% 46.9% / 0.5); -} +} \ No newline at end of file