Merge branch '30392-variables' into 'master'

Fixes variables overflow in sm screens

Closes #30392

See merge request gitlab-org/gitlab!17681

app/views/ci/variables/_variable_row.html.haml

@@ -30,7 +30,7 @@
       value: key,
       placeholder: s_('CiVariables|Input variable key') }
     .ci-variable-body-item.gl-show-field-errors.table-section.section-15.border-top-0.p-0
-      .form-control.js-secret-value-placeholder.qa-ci-variable-input-value{ class: ('hide' unless id) }
+      .form-control.js-secret-value-placeholder.qa-ci-variable-input-value.overflow-hidden{ class: ('hide' unless id) }
         = '*' * 17
       %textarea.js-ci-variable-input-value.js-secret-value.qa-ci-variable-input-value.form-control{ class: ('hide' if id),
         rows: 1,

changelogs/unreleased/30392-variables.yml

+---
+title: Fixes variables overflowing in sm screens
+merge_request:
+author:
+type: fixed