[skip ci] .help-block to .form-text.text-muted

app/assets/javascripts/behaviors/requires_input.js

@@ -42,9 +42,9 @@ $.fn.requiresInput = function requiresInput() {
 function hideOrShowHelpBlock(form) {
   const selected = $('.js-select-namespace option:selected');
   if (selected.length && selected.data('optionsParent') === 'groups') {
-    form.find('.help-block').hide();
+    form.find('.form-text.text-muted').hide();
   } else if (selected.length) {
-    form.find('.help-block').show();
+    form.find('.form-text.text-muted').show();
   }
 }
 

app/assets/javascripts/visibility_select.js

@@ -2,7 +2,7 @@ export default class VisibilitySelect {
   constructor(container) {
     if (!container) throw new Error('VisibilitySelect requires a container element as argument 1');
     this.container = container;
-    this.helpBlock = this.container.querySelector('.help-block');
+    this.helpBlock = this.container.querySelector('.form-text.text-muted');
     this.select = this.container.querySelector('select');
   }
 

app/assets/stylesheets/framework/forms.scss

@@ -180,7 +180,7 @@ label {
   }
 }
 
-.help-block {
+.form-text.text-muted {
   margin-bottom: 0;
   margin-top: #{$grid-size / 2};
 }

app/assets/stylesheets/pages/projects.scss

@@ -9,7 +9,7 @@
 .new_project,
 .edit-project,
 .import-project {
-  .help-block {
+  .form-text.text-muted {
     margin-bottom: 10px;
   }
 

app/assets/stylesheets/pages/repo.scss

@@ -816,7 +816,7 @@
     font-weight: normal;
   }
 
-  .help-block {
+  .form-text.text-muted {
     margin-top: 0;
     line-height: 0;
   }

app/assets/stylesheets/pages/repo.scss.orig

@@ -749,7 +749,7 @@
     font-weight: normal;
   }
 
-  .help-block {
+  .form-text.text-muted {
     margin-top: 0;
     line-height: 0;
   }

app/assets/stylesheets/pages/settings.scss

@@ -99,7 +99,7 @@
 
   .bs-callout,
   .form-check:first-child,
-  .help-block {
+  .form-text.text-muted {
     margin-top: 0;
   }
 

app/views/abuse_reports/new.html.haml

@@ -15,7 +15,7 @@
     = f.label :message, class: 'control-label'
     .col-sm-10
       = f.text_area :message, class: "form-control", rows: 2, required: true, value: sanitize(@ref_url)
-      .help-block
+      .form-text.text-muted
         Explain the problem with this user. If appropriate, provide a link to the relevant issue or comment.
 
   .form-actions

app/views/admin/application_settings/_abuse.html.haml

@@ -6,7 +6,7 @@
       = f.label :admin_notification_email, 'Abuse reports notification email', class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_field :admin_notification_email, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           Abuse reports will be sent to this address if it is set. Abuse reports are always available in the admin area.
 
   = f.submit 'Save changes', class: "btn btn-success"

app/views/admin/application_settings/_account_and_limit.html.haml

@@ -20,7 +20,7 @@
       = f.label :session_expire_delay, 'Session duration (minutes)', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :session_expire_delay, class: 'form-control'
-        %span.help-block#session_expire_delay_help_block GitLab restart is required to apply changes
+        %span.form-text.text-muted#session_expire_delay_help_block GitLab restart is required to apply changes
     .form-group
       = f.label :user_oauth_applications, 'User OAuth applications', class: 'control-label col-sm-2'
       .col-sm-10

app/views/admin/application_settings/_background_jobs.html.haml

@@ -12,19 +12,19 @@
           = f.label :sidekiq_throttling_enabled do
             = f.check_box :sidekiq_throttling_enabled
             Enable Sidekiq Job Throttling
-          .help-block
+          .form-text.text-muted
             Limit the amount of resources slow running jobs are assigned.
     .form-group
       = f.label :sidekiq_throttling_queues, 'Sidekiq queues to throttle', class: 'control-label col-sm-2'
       .col-sm-10
         = f.select :sidekiq_throttling_queues, sidekiq_queue_options_for_select, { include_hidden: false }, multiple: true, class: 'select2 select-wide', data: { field: 'sidekiq_throttling_queues' }
-        .help-block
+        .form-text.text-muted
           Choose which queues you wish to throttle.
     .form-group
       = f.label :sidekiq_throttling_factor, 'Throttling Factor', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :sidekiq_throttling_factor, class: 'form-control', min: '0.01', max: '0.99', step: '0.01'
-        .help-block
+        .form-text.text-muted
           The factor by which the queues should be throttled. A value between 0.0 and 1.0, exclusive.
 
   = f.submit 'Save changes', class: "btn btn-success"

app/views/admin/application_settings/_ci_cd.html.haml

@@ -8,14 +8,14 @@
           = f.label :auto_devops_enabled do
             = f.check_box :auto_devops_enabled
             Enabled Auto DevOps (Beta) for projects by default
-        .help-block
+        .form-text.text-muted
           It will automatically build, test, and deploy applications based on a predefined CI/CD configuration
           = link_to icon('question-circle'), help_page_path('topics/autodevops/index.md')
     .form-group
       = f.label :auto_devops_domain, class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_field :auto_devops_domain, class: 'form-control', placeholder: 'domain.com'
-        .help-block
+        .form-text.text-muted
           = s_("AdminSettings|Specify a domain to use by default for every project's Auto Review Apps and Auto Deploy stages.")
     .form-group
       .col-sm-offset-2.col-sm-10
@@ -27,19 +27,19 @@
       = f.label :shared_runners_text, class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_area :shared_runners_text, class: 'form-control', rows: 4
-        .help-block Markdown enabled
+        .form-text.text-muted Markdown enabled
     .form-group
       = f.label :max_artifacts_size, 'Maximum artifacts size (MB)', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :max_artifacts_size, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           Set the maximum file size for each job's artifacts
           = link_to icon('question-circle'), help_page_path('user/admin_area/settings/continuous_integration', anchor: 'maximum-artifacts-size')
     .form-group
       = f.label :default_artifacts_expire_in, 'Default artifacts expiration', class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_field :default_artifacts_expire_in, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           Set the default expiration time for each job's artifacts.
           0 for unlimited.
           = link_to icon('question-circle'), help_page_path('user/admin_area/settings/continuous_integration', anchor: 'default-artifacts-expiration')

app/views/admin/application_settings/_email.html.haml

@@ -8,7 +8,7 @@
           = f.label :email_author_in_body do
             = f.check_box :email_author_in_body
             Include author name in notification email body
-          .help-block
+          .form-text.text-muted
             Some email servers do not support overriding the email sender name.
             Enable this option to include the name of the author of the issue,
             merge request or comment in the email body instead.
@@ -18,7 +18,7 @@
           = f.label :html_emails_enabled do
             = f.check_box :html_emails_enabled
             Enable HTML emails
-          .help-block
+          .form-text.text-muted
             By default GitLab sends emails in HTML and plain text formats so mail
             clients can choose what format to use. Disable this option if you only
             want to send emails in plain text format.

app/views/admin/application_settings/_gitaly.html.haml

@@ -6,14 +6,14 @@
       = f.label :gitaly_timeout_default, 'Default Timeout Period', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :gitaly_timeout_default, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           Timeout for Gitaly calls from the GitLab application (in seconds). This timeout is not enforced
           for git fetch/push operations or Sidekiq jobs.
     .form-group
       = f.label :gitaly_timeout_fast, 'Fast Timeout Period', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :gitaly_timeout_fast, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           Fast operation timeout (in seconds). Some Gitaly operations are expected to be fast.
           If they exceed this threshold, there may be a problem with a storage shard and 'failing fast'
           can help maintain the stability of the GitLab instance.
@@ -21,7 +21,7 @@
       = f.label :gitaly_timeout_medium, 'Medium Timeout Period', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :gitaly_timeout_medium, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           Medium operation timeout (in seconds). This should be a value between the Fast and the Default timeout.
 
   = f.submit 'Save changes', class: "btn btn-success"

app/views/admin/application_settings/_help_page.html.haml

@@ -6,7 +6,7 @@
       = f.label :help_page_text, class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_area :help_page_text, class: 'form-control', rows: 4
-        .help-block Markdown enabled
+        .form-text.text-muted Markdown enabled
     .form-group
       .col-sm-offset-2.col-sm-10
         .form-check
@@ -17,6 +17,6 @@
       = f.label :help_page_support_url, 'Support page URL', class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_field :help_page_support_url, class: 'form-control', placeholder: 'http://company.example.com/getting-help', :'aria-describedby' => 'support_help_block'
-        %span.help-block#support_help_block Alternate support URL for help page
+        %span.form-text.text-muted#support_help_block Alternate support URL for help page
 
   = f.submit 'Save changes', class: "btn btn-success"

app/views/admin/application_settings/_influx.html.haml

@@ -22,7 +22,7 @@
       = f.label :metrics_port, 'InfluxDB port', class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_field :metrics_port, class: 'form-control', placeholder: '8089'
-        .help-block
+        .form-text.text-muted
           The UDP port to use for connecting to InfluxDB. InfluxDB requires that
           your server configuration specifies a database to store data in when
           sending messages to this port, without it metrics data will not be
@@ -31,7 +31,7 @@
       = f.label :metrics_pool_size, 'Connection pool size', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :metrics_pool_size, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           The amount of InfluxDB connections to open. Connections are opened
           lazily. Users using multi-threaded application servers should ensure
           enough connections are available (at minimum the amount of application
@@ -40,28 +40,28 @@
       = f.label :metrics_timeout, 'Connection timeout', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :metrics_timeout, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           The amount of seconds after which an InfluxDB connection will time
           out.
     .form-group
       = f.label :metrics_method_call_threshold, 'Method Call Threshold (ms)', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :metrics_method_call_threshold, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           A method call is only tracked when it takes longer to complete than
           the given amount of milliseconds.
     .form-group
       = f.label :metrics_sample_interval, 'Sampler Interval (sec)', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :metrics_sample_interval, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           The sampling interval in seconds. Sampled data includes memory usage,
           retained Ruby objects, file descriptors and so on.
     .form-group
       = f.label :metrics_packet_size, 'Metrics per packet', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :metrics_packet_size, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           The amount of points to store in a single UDP packet. More points
           results in fewer but larger UDP packets being sent.
 

app/views/admin/application_settings/_ip_limits.html.haml

@@ -8,7 +8,7 @@
           = f.label :throttle_unauthenticated_enabled do
             = f.check_box :throttle_unauthenticated_enabled
             Enable unauthenticated request rate limit
-          %span.help-block
+          %span.form-text.text-muted
             Helps reduce request volume (e.g. from crawlers or abusive bots)
     .form-group
       = f.label :throttle_unauthenticated_requests_per_period, 'Max requests per period per IP', class: 'control-label col-sm-2'
@@ -24,7 +24,7 @@
           = f.label :throttle_authenticated_api_enabled do
             = f.check_box :throttle_authenticated_api_enabled
             Enable authenticated API request rate limit
-          %span.help-block
+          %span.form-text.text-muted
             Helps reduce request volume (e.g. from crawlers or abusive bots)
     .form-group
       = f.label :throttle_authenticated_api_requests_per_period, 'Max requests per period per user', class: 'control-label col-sm-2'
@@ -40,7 +40,7 @@
           = f.label :throttle_authenticated_web_enabled do
             = f.check_box :throttle_authenticated_web_enabled
             Enable authenticated web request rate limit
-          %span.help-block
+          %span.form-text.text-muted
             Helps reduce request volume (e.g. from crawlers or abusive bots)
     .form-group
       = f.label :throttle_authenticated_web_requests_per_period, 'Max requests per period per user', class: 'control-label col-sm-2'

app/views/admin/application_settings/_koding.html.haml

@@ -8,13 +8,13 @@
           = f.label :koding_enabled do
             = f.check_box :koding_enabled
             Enable Koding
-        .help-block
+        .form-text.text-muted
           Koding integration has been deprecated since GitLab 10.0. If you disable your Koding integration, you will not be able to enable it again.
     .form-group
       = f.label :koding_url, 'Koding URL', class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_field :koding_url, class: 'form-control', placeholder: 'http://gitlab.your-koding-instance.com:8090'
-        .help-block
+        .form-text.text-muted
           Koding has integration enabled out of the box for the
           %strong gitlab
           team, and you need to provide that team's URL here. Learn more in the

app/views/admin/application_settings/_logging.html.haml

@@ -8,7 +8,7 @@
           = f.label :sentry_enabled do
             = f.check_box :sentry_enabled
             Enable Sentry
-          .help-block
+          .form-text.text-muted
             %p This setting requires a restart to take effect.
             Sentry is an error reporting and logging tool which is currently not shipped with GitLab, get it here:
             %a{ href: 'https://getsentry.com', target: '_blank', rel: 'noopener noreferrer' } https://getsentry.com
@@ -24,7 +24,7 @@
           = f.label :clientside_sentry_enabled do
             = f.check_box :clientside_sentry_enabled
             Enable Clientside Sentry
-          .help-block
+          .form-text.text-muted
             Sentry can also be used for reporting and logging clientside exceptions.
             %a{ href: 'https://sentry.io/for/javascript/', target: '_blank', rel: 'noopener noreferrer' } https://sentry.io/for/javascript/
 

app/views/admin/application_settings/_pages.html.haml

@@ -6,14 +6,14 @@
       = f.label :max_pages_size, 'Maximum size of pages (MB)', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :max_pages_size, class: 'form-control'
-        .help-block 0 for unlimited
+        .form-text.text-muted 0 for unlimited
     .form-group
       .col-sm-offset-2.col-sm-10
         .form-check
           = f.label :pages_domain_verification_enabled do
             = f.check_box :pages_domain_verification_enabled
             Require users to prove ownership of custom domains
-        .help-block
+        .form-text.text-muted
           Domain verification is an essential security measure for public GitLab
           sites. Users are required to demonstrate they control a domain before
           it is enabled

app/views/admin/application_settings/_performance.html.haml

@@ -8,7 +8,7 @@
           = f.label :authorized_keys_enabled do
             = f.check_box :authorized_keys_enabled
             Write to "authorized_keys" file
-          .help-block
+          .form-text.text-muted
             By default, we write to the "authorized_keys" file to support Git
             over SSH without additional configuration. GitLab can be optimized
             to authenticate SSH keys via the database file. Only uncheck this

app/views/admin/application_settings/_plantuml.html.haml

@@ -12,7 +12,7 @@
       = f.label :plantuml_url, 'PlantUML URL', class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_field :plantuml_url, class: 'form-control', placeholder: 'http://gitlab.your-plantuml-instance.com:8080'
-        .help-block
+        .form-text.text-muted
           Allow rendering of
           = link_to "PlantUML", "http://plantuml.com"
           diagrams in Asciidoc documents using an external PlantUML service.

app/views/admin/application_settings/_prometheus.html.haml

@@ -18,7 +18,7 @@
             = f.check_box :prometheus_metrics_enabled
             Enable Prometheus Metrics
           - unless Gitlab::Metrics.metrics_folder_present?
-            .help-block
+            .form-text.text-muted
               %strong.cred WARNING:
               Environment variable
               %code prometheus_multiproc_dir

app/views/admin/application_settings/_realtime.html.haml

@@ -6,7 +6,7 @@
       = f.label :polling_interval_multiplier, 'Polling interval multiplier', class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_field :polling_interval_multiplier, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           Change this value to influence how frequently the GitLab UI polls for updates.
           If you set the value to 2 all polling intervals are multiplied
           by 2, which means that polling happens half as frequently.

app/views/admin/application_settings/_repository_check.html.haml

@@ -10,14 +10,14 @@
             = f.label :repository_checks_enabled do
               = f.check_box :repository_checks_enabled
               Enable Repository Checks
-            .help-block
+            .form-text.text-muted
               GitLab will periodically run
               %a{ href: 'https://www.kernel.org/pub/software/scm/git/docs/git-fsck.html', target: 'blank' } 'git fsck'
               in all project and wiki repositories to look for silent disk corruption issues.
       .form-group
         .col-sm-offset-2.col-sm-10
           = link_to 'Clear all repository checks', clear_repository_check_states_admin_application_settings_path, data: { confirm: 'This will clear repository check states for ALL projects in the database. This cannot be undone. Are you sure?' }, method: :put, class: "btn btn-sm btn-remove"
-          .help-block
+          .form-text.text-muted
             If you got a lot of false alarms from repository checks you can choose to clear all repository check information from the database.
 
     .sub-section
@@ -28,7 +28,7 @@
             = f.label :housekeeping_enabled do
               = f.check_box :housekeeping_enabled
               Enable automatic repository housekeeping (git repack, git gc)
-            .help-block
+            .form-text.text-muted
               If you keep automatic housekeeping disabled for a long time Git
               repository access on your GitLab server will become slower and your
               repositories will use more disk space. We recommend to always leave
@@ -37,26 +37,26 @@
             = f.label :housekeeping_bitmaps_enabled do
               = f.check_box :housekeeping_bitmaps_enabled
               Enable Git pack file bitmap creation
-            .help-block
+            .form-text.text-muted
               Creating pack file bitmaps makes housekeeping take a little longer but
               bitmaps should accelerate 'git clone' performance.
       .form-group
         = f.label :housekeeping_incremental_repack_period, 'Incremental repack period', class: 'control-label col-sm-2'
         .col-sm-10
           = f.number_field :housekeeping_incremental_repack_period, class: 'form-control'
-          .help-block
+          .form-text.text-muted
             Number of Git pushes after which an incremental 'git repack' is run.
       .form-group
         = f.label :housekeeping_full_repack_period, 'Full repack period', class: 'control-label col-sm-2'
         .col-sm-10
           = f.number_field :housekeeping_full_repack_period, class: 'form-control'
-          .help-block
+          .form-text.text-muted
             Number of Git pushes after which a full 'git repack' is run.
       .form-group
         = f.label :housekeeping_gc_period, 'Git GC period', class: 'control-label col-sm-2'
         .col-sm-10
           = f.number_field :housekeeping_gc_period, class: 'form-control'
-          .help-block
+          .form-text.text-muted
             Number of Git pushes after which 'git gc' is run.
 
   = f.submit 'Save changes', class: "btn btn-success"

app/views/admin/application_settings/_repository_storage.html.haml

@@ -9,7 +9,7 @@
             = f.label :hashed_storage_enabled do
               = f.check_box :hashed_storage_enabled
               Create new projects using hashed storage paths
-            .help-block
+            .form-text.text-muted
               Enable immutable, hash-based paths and repository names to store repositories on disk. This prevents
               repositories from having to be moved or renamed when the Project URL changes and may improve disk I/O performance.
               %em (EXPERIMENTAL)
@@ -18,7 +18,7 @@
         .col-sm-10
           = f.select :repository_storages, repository_storages_options_for_select(@application_setting.repository_storages),
             {include_hidden: false}, multiple: true, class: 'form-control'
-          .help-block
+          .form-text.text-muted
             Manage repository storage paths. Learn more in the
             = succeed "." do
               = link_to "repository storages documentation", help_page_path("administration/repository_storages")
@@ -28,31 +28,31 @@
         = f.label :circuitbreaker_check_interval, _('Check interval'), class: 'control-label col-sm-2'
         .col-sm-10
           = f.number_field :circuitbreaker_check_interval, class: 'form-control'
-          .help-block
+          .form-text.text-muted
             = circuitbreaker_check_interval_help_text
       .form-group
         = f.label :circuitbreaker_access_retries, _('Number of access attempts'), class: 'control-label col-sm-2'
         .col-sm-10
           = f.number_field :circuitbreaker_access_retries, class: 'form-control'
-          .help-block
+          .form-text.text-muted
             = circuitbreaker_access_retries_help_text
       .form-group
         = f.label :circuitbreaker_storage_timeout, _('Seconds to wait for a storage access attempt'), class: 'control-label col-sm-2'
         .col-sm-10
           = f.number_field :circuitbreaker_storage_timeout, class: 'form-control'
-          .help-block
+          .form-text.text-muted
             = circuitbreaker_storage_timeout_help_text
       .form-group
         = f.label :circuitbreaker_failure_count_threshold, _('Maximum git storage failures'), class: 'control-label col-sm-2'
         .col-sm-10
           = f.number_field :circuitbreaker_failure_count_threshold, class: 'form-control'
-          .help-block
+          .form-text.text-muted
             = circuitbreaker_failure_count_help_text
       .form-group
         = f.label :circuitbreaker_failure_reset_time, _('Seconds before reseting failure information'), class: 'control-label col-sm-2'
         .col-sm-10
           = f.number_field :circuitbreaker_failure_reset_time, class: 'form-control'
-          .help-block
+          .form-text.text-muted
             = circuitbreaker_failure_reset_time_help_text
 
   = f.submit 'Save changes', class: "btn btn-success"

app/views/admin/application_settings/_signin.html.haml

@@ -8,7 +8,7 @@
           = f.label :password_authentication_enabled_for_web do
             = f.check_box :password_authentication_enabled_for_web
             Password authentication enabled for web interface
-            .help-block
+            .form-text.text-muted
               When disabled, an external authentication provider must be used.
     .form-group
       .col-sm-offset-2.col-sm-10
@@ -16,7 +16,7 @@
           = f.label :password_authentication_enabled_for_git do
             = f.check_box :password_authentication_enabled_for_git
             Password authentication enabled for Git over HTTP(S)
-            .help-block
+            .form-text.text-muted
               When disabled, a Personal Access Token
               - if Gitlab::Auth::LDAP::Config.enabled?
                 or LDAP password
@@ -39,21 +39,21 @@
       = f.label :two_factor_authentication, 'Two-factor grace period (hours)', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :two_factor_grace_period, min: 0, class: 'form-control', placeholder: '0'
-        .help-block Amount of time (in hours) that users are allowed to skip forced configuration of two-factor authentication
+        .form-text.text-muted Amount of time (in hours) that users are allowed to skip forced configuration of two-factor authentication
     .form-group
       = f.label :home_page_url, 'Home page URL', class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_field :home_page_url, class: 'form-control', placeholder: 'http://company.example.com', :'aria-describedby' => 'home_help_block'
-        %span.help-block#home_help_block We will redirect non-logged in users to this page
+        %span.form-text.text-muted#home_help_block We will redirect non-logged in users to this page
     .form-group
       = f.label :after_sign_out_path, class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_field :after_sign_out_path, class: 'form-control', placeholder: 'http://company.example.com', :'aria-describedby' => 'after_sign_out_path_help_block'
-        %span.help-block#after_sign_out_path_help_block We will redirect users to this page after they sign out
+        %span.form-text.text-muted#after_sign_out_path_help_block We will redirect users to this page after they sign out
     .form-group
       = f.label :sign_in_text, class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_area :sign_in_text, class: 'form-control', rows: 4
-        .help-block Markdown enabled
+        .form-text.text-muted Markdown enabled
 
   = f.submit 'Save changes', class: "btn btn-success"

app/views/admin/application_settings/_signup.html.haml

@@ -18,7 +18,7 @@
       = f.label :domain_whitelist, 'Whitelisted domains for sign-ups', class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_area :domain_whitelist_raw, placeholder: 'domain.com', class: 'form-control', rows: 8
-        .help-block ONLY users with e-mail addresses that match these domain(s) will be able to sign-up. Wildcards allowed. Use separate lines for multiple entries. Ex: domain.com, *.domain.com
+        .form-text.text-muted ONLY users with e-mail addresses that match these domain(s) will be able to sign-up. Wildcards allowed. Use separate lines for multiple entries. Ex: domain.com, *.domain.com
     .form-group
       = f.label :domain_blacklist_enabled, 'Domain Blacklist', class: 'control-label col-sm-2'
       .col-sm-10
@@ -42,17 +42,17 @@
       = f.label :domain_blacklist_file, 'Blacklist file', class: 'control-label col-sm-2'
       .col-sm-10
         = f.file_field :domain_blacklist_file, class: 'form-control', accept: '.txt,.conf'
-        .help-block Users with e-mail addresses that match these domain(s) will NOT be able to sign-up. Wildcards allowed. Use separate lines or commas for multiple entries.
+        .form-text.text-muted Users with e-mail addresses that match these domain(s) will NOT be able to sign-up. Wildcards allowed. Use separate lines or commas for multiple entries.
     .form-group.blacklist-raw
       = f.label :domain_blacklist, 'Blacklisted domains for sign-ups', class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_area :domain_blacklist_raw, placeholder: 'domain.com', class: 'form-control', rows: 8
-        .help-block Users with e-mail addresses that match these domain(s) will NOT be able to sign-up. Wildcards allowed. Use separate lines for multiple entries. Ex: domain.com, *.domain.com
+        .form-text.text-muted Users with e-mail addresses that match these domain(s) will NOT be able to sign-up. Wildcards allowed. Use separate lines for multiple entries. Ex: domain.com, *.domain.com
 
     .form-group
       = f.label :after_sign_up_text, class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_area :after_sign_up_text, class: 'form-control', rows: 4
-        .help-block Markdown enabled
+        .form-text.text-muted Markdown enabled
 
   = f.submit 'Save changes', class: "btn btn-success"

app/views/admin/application_settings/_spam.html.haml

@@ -8,13 +8,13 @@
           = f.label :recaptcha_enabled do
             = f.check_box :recaptcha_enabled
             Enable reCAPTCHA
-          %span.help-block#recaptcha_help_block Helps prevent bots from creating accounts
+          %span.form-text.text-muted#recaptcha_help_block Helps prevent bots from creating accounts
 
     .form-group
       = f.label :recaptcha_site_key, 'reCAPTCHA Site Key', class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_field :recaptcha_site_key, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           Generate site and private keys at
           %a{ href: 'http://www.google.com/recaptcha', target: 'blank' } http://www.google.com/recaptcha
 
@@ -29,13 +29,13 @@
           = f.label :akismet_enabled do
             = f.check_box :akismet_enabled
             Enable Akismet
-          %span.help-block#akismet_help_block Helps prevent bots from creating issues
+          %span.form-text.text-muted#akismet_help_block Helps prevent bots from creating issues
 
     .form-group
       = f.label :akismet_api_key, 'Akismet API Key', class: 'control-label col-sm-2'
       .col-sm-10
         = f.text_field :akismet_api_key, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           Generate API key at
           %a{ href: 'http://www.akismet.com', target: 'blank' } http://www.akismet.com
 
@@ -45,21 +45,21 @@
           = f.label :unique_ips_limit_enabled do
             = f.check_box :unique_ips_limit_enabled
             Limit sign in from multiple ips
-          %span.help-block#unique_ip_help_block
+          %span.form-text.text-muted#unique_ip_help_block
             Helps prevent malicious users hide their activity
 
     .form-group
       = f.label :unique_ips_limit_per_user, 'IPs per user', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :unique_ips_limit_per_user, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           Maximum number of unique IPs per user
 
     .form-group
       = f.label :unique_ips_limit_time_window, 'IP expiration time', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :unique_ips_limit_time_window, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           How many seconds an IP will be counted towards the limit
 
   = f.submit 'Save changes', class: "btn btn-success"

app/views/admin/application_settings/_terminal.html.haml

@@ -6,7 +6,7 @@
       = f.label :terminal_max_session_time, 'Max session time', class: 'control-label col-sm-2'
       .col-sm-10
         = f.number_field :terminal_max_session_time, class: 'form-control'
-        .help-block
+        .form-text.text-muted
           Maximum time for web terminal websocket connection (in seconds).
           0 for unlimited.
 

app/views/admin/application_settings/_usage.html.haml

@@ -8,7 +8,7 @@
           = f.label :version_check_enabled do
             = f.check_box :version_check_enabled
             Enable version check
-          .help-block
+          .form-text.text-muted
             GitLab will inform you if a new version is available.
             = link_to 'Learn more', help_page_path("user/admin_area/settings/usage_statistics", anchor: "version-check")
             about what information is shared with GitLab Inc.
@@ -19,7 +19,7 @@
           = f.label :usage_ping_enabled do
             = f.check_box :usage_ping_enabled, disabled: !can_be_configured
             Enable usage ping
-          .help-block
+          .form-text.text-muted
             - if can_be_configured
               To help improve GitLab and its user experience, GitLab will
               periodically collect usage information.

app/views/admin/application_settings/_visibility_and_access.html.haml

@@ -26,7 +26,7 @@
         - restricted_level_checkboxes('restricted-visibility-help', checkbox_name).each do |level|
           .form-check
             = level
-        %span.help-block#restricted-visibility-help
+        %span.form-text.text-muted#restricted-visibility-help
           Selected levels cannot be used by non-admin users for projects or snippets.
           If the public level is restricted, user profiles are only visible to logged in users.
     .form-group
@@ -34,7 +34,7 @@
       .col-sm-10
         - import_sources_checkboxes('import-sources-help').each do |source|
           .form-check= source
-        %span.help-block#import-sources-help
+        %span.form-text.text-muted#import-sources-help
           Enabled sources for code import during project creation. OmniAuth must be configured for GitHub
           = link_to "(?)", help_page_path("integration/github")
           , Bitbucket
@@ -53,7 +53,7 @@
       %label.control-label.col-sm-2 Enabled Git access protocols
       .col-sm-10
         = select(:application_setting, :enabled_git_access_protocol, [['Both SSH and HTTP(S)', nil], ['Only SSH', 'ssh'], ['Only HTTP(S)', 'http']], {}, class: 'form-control')
-        %span.help-block#clone-protocol-help
+        %span.form-text.text-muted#clone-protocol-help
           Allow only the selected protocols to be used for Git access.
 
     - ApplicationSetting::SUPPORTED_KEY_TYPES.each do |type|

app/views/admin/applications/_form.html.haml

@@ -12,10 +12,10 @@
     .col-sm-10
       = f.text_area :redirect_uri, class: 'form-control'
       = doorkeeper_errors_for application, :redirect_uri
-      %span.help-block
+      %span.form-text.text-muted
         Use one line per URI
       - if Doorkeeper.configuration.native_redirect_uri
-        %span.help-block
+        %span.form-text.text-muted
           Use
           %code= Doorkeeper.configuration.native_redirect_uri
           for local tests
@@ -24,7 +24,7 @@
     = f.label :trusted, class: 'col-sm-2 control-label'
     .col-sm-10
       = f.check_box :trusted
-      %span.help-block
+      %span.form-text.text-muted
         Trusted applications are automatically authorized on GitLab OAuth flow.
 
   .form-group

app/views/admin/hooks/_form.html.haml

@@ -6,13 +6,13 @@
 .form-group
   = form.label :token, 'Secret Token', class: 'label-light'
   = form.text_field :token, class: 'form-control'
-  %p.help-block
+  %p.form-text.text-muted
     Use this token to validate received payloads
 .form-group
   = form.label :url, 'Trigger', class: 'label-light'
   %ul.list-unstyled
     %li
-      .help-block
+      .form-text.text-muted
         System hook will be triggered on set of events like creating project
         or adding ssh key. But you can also enable extra triggers like Push events.
 

app/views/admin/labels/_form.html.haml

@@ -15,7 +15,7 @@
       .input-group
         .input-group-addon.label-color-preview  
         = f.text_field :color, class: "form-control"
-      .help-block
+      .form-text.text-muted
         Choose any color.
         %br
         Or you can choose one of suggested colors below

app/views/devise/sessions/two_factor.html.haml

@@ -9,7 +9,7 @@
           %div
             = f.label 'Two-Factor Authentication code', name:  :otp_attempt
             = f.text_field :otp_attempt, class: 'form-control', required: true, autofocus: true, autocomplete: 'off', title: 'This field is required.'
-            %p.help-block.hint Enter the code from the two-factor app on your mobile device. If you've lost your device, you may enter one of your recovery codes.
+            %p.form-text.text-muted.hint Enter the code from the two-factor app on your mobile device. If you've lost your device, you may enter one of your recovery codes.
             .prepend-top-20
               = f.submit "Verify code", class: "btn btn-save"
 

app/views/doorkeeper/applications/_form.html.haml

@@ -9,10 +9,10 @@
     = f.label :redirect_uri, class: 'label-light'
     = f.text_area :redirect_uri, class: 'form-control', required: true
 
-    %span.help-block
+    %span.form-text.text-muted
       Use one line per URI
     - if Doorkeeper.configuration.native_redirect_uri
-      %span.help-block
+      %span.form-text.text-muted
         Use
         %code= Doorkeeper.configuration.native_redirect_uri
         for local tests

app/views/doorkeeper/applications/index.html.haml

@@ -73,7 +73,7 @@
                 %tr
                   %td
                     Anonymous
-                    .help-block
+                    .form-text.text-muted
                       %em Authorization was granted by entering your username and password in the application.
                   %td= token.created_at
                   %td= token.scopes

app/views/groups/_group_admin_settings.html.haml

@@ -25,4 +25,4 @@
     .col-sm-offset-2.col-sm-10
       .form-check
         = f.text_field :two_factor_grace_period, class: 'form-control'
-        .help-block Amount of time (in hours) that users are allowed to skip forced configuration of two-factor authentication
+        .form-text.text-muted Amount of time (in hours) that users are allowed to skip forced configuration of two-factor authentication

app/views/groups/group_members/_new_group_member.html.haml

@@ -2,12 +2,12 @@
   .row
     .col-md-4.col-lg-6
       = users_select_tag(:user_ids, multiple: true, class: 'input-clamp', scope: :all, email_user: true)
-      .help-block.append-bottom-10
+      .form-text.text-muted.append-bottom-10
         Search for members by name, username, or email, or invite new ones using their email address.
 
     .col-md-3.col-lg-2
       = select_tag :access_level, options_for_select(GroupMember.access_level_roles, @group_member.access_level), class: "form-control project-access-select"
-      .help-block.append-bottom-10
+      .form-text.text-muted.append-bottom-10
         = link_to "Read more", help_page_path("user/permissions"), class: "vlink"
         about role permissions
 
@@ -15,7 +15,7 @@
       .clearable-input
         = text_field_tag :expires_at, nil, class: 'form-control js-access-expiration-date', placeholder: 'Expiration date'
         %i.clear-icon.js-clear-input
-      .help-block.append-bottom-10
+      .form-text.text-muted.append-bottom-10
         On this date, the member(s) will automatically lose access to this group and all of its projects.
 
     .col-md-2

app/views/profiles/passwords/edit.html.haml

@@ -20,7 +20,7 @@
         .form-group
           = f.label :current_password, class: 'label-light'
           = f.password_field :current_password, required: true, class: 'form-control'
-          %p.help-block
+          %p.form-text.text-muted
             You must provide your current password in order to change it.
       .form-group
         = f.label :password, 'New password', class: 'label-light'

app/views/profiles/personal_access_tokens/index.html.haml

@@ -22,7 +22,7 @@
             = text_field_tag 'created-personal-access-token', @new_personal_access_token, readonly: true, class: "form-control js-select-on-focus", 'aria-describedby' => "created-personal-access-token-help-block"
             %span.input-group-btn
               = clipboard_button(text: @new_personal_access_token, title: "Copy personal access token to clipboard", placement: "left", class: "btn-default btn-clipboard")
-          %span#created-personal-access-token-help-block.help-block.text-danger Make sure you save it - you won't be able to access it again.
+          %span#created-personal-access-token-help-block.form-text.text-muted.text-danger Make sure you save it - you won't be able to access it again.
 
       %hr
 
@@ -42,7 +42,7 @@
   .col-lg-8.rss-token-reset
     = label_tag :rss_token, 'RSS token', class: "label-light"
     = text_field_tag :rss_token, current_user.rss_token, class: 'form-control', readonly: true, onclick: 'this.select()'
-    %p.help-block
+    %p.form-text.text-muted
       Keep this token secret. Anyone who gets ahold of it can read activity and issue RSS feeds as if they were you.
       You should
       = link_to 'reset it', [:reset, :rss_token, :profile], method: :put, data: { confirm: 'Are you sure? Any RSS URLs currently in use will stop working.' }
@@ -61,7 +61,7 @@
     .col-lg-8.incoming-email-token-reset
       = label_tag :incoming_email_token, 'Incoming email token', class: "label-light"
       = text_field_tag :incoming_email_token, current_user.incoming_email_token, class: 'form-control', readonly: true, onclick: 'this.select()'
-      %p.help-block
+      %p.form-text.text-muted
         Keep this token secret. Anyone who gets ahold of it can create issues as if they were you.
         You should
         = link_to 'reset it', [:reset, :incoming_email_token, :profile], method: :put, data: { confirm: 'Are you sure? Any issue email addresses currently in use will stop working.' }

app/views/profiles/preferences/show.html.haml

@@ -51,7 +51,7 @@
       = f.label :layout, class: 'label-light' do
         Layout width
       = f.select :layout, layout_choices, {}, class: 'form-control'
-      .help-block
+      .form-text.text-muted
         Choose between fixed (max. 1200px) and fluid (100%) application layout.
     .form-group
       = f.label :dashboard, class: 'label-light' do
@@ -61,7 +61,7 @@
       = f.label :project_view, class: 'label-light' do
         Project overview content
       = f.select :project_view, project_view_choices, {}, class: 'form-control'
-      .help-block
+      .form-text.text-muted
         Choose what content you want to see on a project’s overview page
     .form-group
       = f.submit 'Save changes', class: 'btn btn-save'

app/views/profiles/show.html.haml

@@ -26,7 +26,7 @@
         %button.btn.js-choose-user-avatar-button{ type: 'button' }= _("Choose file...")
         %span.avatar-file-name.prepend-left-default.js-avatar-filename= _("No file chosen")
         = f.file_field_without_bootstrap :avatar, class: 'js-user-avatar-input hidden', accept: 'image/*'
-      .help-block= _("The maximum file size allowed is 200KB.")
+      .form-text.text-muted= _("The maximum file size allowed is 200KB.")
       - if @user.avatar?
         %hr
         = link_to _('Remove avatar'), profile_avatar_path, data: { confirm: _('Avatar will be removed. Are you sure?') }, method: :delete, class: 'btn btn-danger btn-inverted'

app/views/projects/_new_project_fields.html.haml

@@ -23,7 +23,7 @@
         Project name
     = f.text_field :path, placeholder: "my-awesome-project", class: "form-control", tabindex: 2, autofocus: true, required: true
 - if current_user.can_create_group?
-  .help-block
+  .form-text.text-muted
     Want to house several dependent projects under the same namespace?
     = link_to "Create a group", new_group_path
 

app/views/projects/branches/new.html.haml

@@ -14,7 +14,7 @@
     = label_tag :branch_name, nil, class: 'control-label'
     .col-sm-10
       = text_field_tag :branch_name, params[:branch_name], required: true, autofocus: true, class: 'form-control js-branch-name'
-      .help-block.text-danger.js-branch-name-error
+      .form-text.text-muted.text-danger.js-branch-name-error
   .form-group
     = label_tag :ref, 'Create from', class: 'control-label'
     .col-sm-10.create-from
@@ -24,7 +24,7 @@
           .text-left.dropdown-toggle-text= default_ref
           = icon('chevron-down')
         = render 'shared/ref_dropdown', dropdown_class: 'wide'
-      .help-block Existing branch name, tag, or commit SHA
+      .form-text.text-muted Existing branch name, tag, or commit SHA
   .form-actions
     = button_tag 'Create branch', class: 'btn btn-create', tabindex: 3
     = link_to 'Cancel', project_branches_path(@project), class: 'btn btn-cancel'

app/views/projects/edit.html.haml

@@ -40,7 +40,7 @@
         .form-group
           = f.label :tag_list, "Tags", class: 'label-light'
           = f.text_field :tag_list, value: @project.tag_list.sort.join(', '), maxlength: 2000, class: "form-control"
-          %p.help-block Separate tags with commas.
+          %p.form-text.text-muted Separate tags with commas.
         %fieldset.features
           %h5.prepend-top-0= _("Project avatar")
           .form-group
@@ -54,7 +54,7 @@
               %button.btn.js-choose-project-avatar-button{ type: 'button' }= _("Choose file...")
               %span.file_name.prepend-left-default.js-avatar-filename= _("No file chosen")
               = f.file_field :avatar, class: "js-project-avatar-input hidden"
-            .help-block= _("The maximum file size allowed is 200KB.")
+            .form-text.text-muted= _("The maximum file size allowed is 200KB.")
             - if @project.avatar?
               %hr
               = link_to _('Remove avatar'), project_avatar_path(@project), data: { confirm: _("Avatar will be removed. Are you sure?") }, method: :delete, class: "btn btn-danger btn-inverted"

app/views/projects/issues/_new_branch.html.haml

@@ -40,13 +40,13 @@
               %label{ for: 'new-branch-name' }
                 = _('Branch name')
               %input#new-branch-name.js-branch-name.form-control{ type: 'text', placeholder: "#{@issue.to_branch_name}", value: "#{@issue.to_branch_name}" }
-              %span.js-branch-message.help-block
+              %span.js-branch-message.form-text.text-muted
 
             .form-group
               %label{ for: 'source-name' }
                 = _('Source (branch or tag)')
               %input#source-name.js-ref.ref.form-control{ type: 'text', placeholder: "#{@project.default_branch}", value: "#{@project.default_branch}", data: { value: "#{@project.default_branch}" } }
-              %span.js-ref-message.help-block
+              %span.js-ref-message.form-text.text-muted
 
             .form-group
               %button.btn.btn-success.js-create-target{ type: 'button', data: { action: 'create-mr' } }

app/views/projects/mattermosts/_team_selection.html.haml

@@ -11,7 +11,7 @@
   - options = options_for_select(mattermost_teams_options(@teams), selected_id)
   = f.select(:team_id, options, { include_blank: 'Select team...'}, { class: 'form-control', disabled: @teams.one?, selected: selected_id, required: true })
   = f.hidden_field(:team_id, value: selected_id, required: true) if @teams.one?
-  .help-block
+  .form-text.text-muted
     - if @teams.one?
       This is the only available team.
     - else
@@ -25,7 +25,7 @@
   %h4 Command trigger word
   %p Choose the word that will trigger commands
   = f.text_field(:trigger, value: @project.path, class: 'form-control', required: true)
-  .help-block
+  .form-text.text-muted
     %p
       Trigger word must be unique, and can't begin with a slash or contain any spaces.
       Use the word that works best for your team.

app/views/projects/pages_domains/show.html.haml

@@ -32,7 +32,7 @@
           = text_field_tag :domain_dns, dns_record , class: "monospace js-select-on-focus form-control", readonly: true
           .input-group-btn
             = clipboard_button(target: '#domain_dns', class: 'btn-default d-none d-sm-block')
-        %p.help-block
+        %p.form-text.text-muted
           To access this domain create a new DNS record
 
     - if verification_enabled
@@ -52,7 +52,7 @@
             = text_field_tag :domain_verification, verification_record, class: "monospace js-select-on-focus form-control", readonly: true
             .input-group-btn
               = clipboard_button(target: '#domain_verification', class: 'btn-default d-none d-sm-block')
-          %p.help-block
+          %p.form-text.text-muted
             - help_link = help_page_path('user/project/pages/getting_started_part_three.md', anchor: 'dns-txt-record')
             To #{link_to 'verify ownership', help_link} of your domain,
             add the above key to a TXT record within to your DNS configuration.

app/views/projects/pipelines/new.html.haml

@@ -15,7 +15,7 @@
                      options: { toggle_class: 'js-branch-select wide git-revision-dropdown-toggle',
                                 filter: true, dropdown_class: "dropdown-menu-selectable git-revision-dropdown", placeholder: "Search branches",
                                 data: { selected: params[:ref] || @project.default_branch, field_name: 'pipeline[ref]' } })
-      .help-block Existing branch name, tag
+      .form-text.text-muted Existing branch name, tag
   .form-actions
     = f.submit 'Create pipeline', class: 'btn btn-create', tabindex: 3
     = link_to 'Cancel', project_pipelines_path(@project), class: 'btn btn-cancel'

app/views/projects/project_members/_new_project_member.html.haml

@@ -9,7 +9,7 @@
         .select-wrapper
           = select_tag :access_level, options_for_select(ProjectMember.access_level_roles, @project_member.access_level), class: "form-control project-access-select select-control"
           = icon('chevron-down')
-        .help-block.append-bottom-10
+        .form-text.text-muted.append-bottom-10
           = link_to "Read more", help_page_path("user/permissions"), class: "vlink"
           about role permissions
       .form-group

app/views/projects/project_members/_new_shared_group.html.haml

@@ -9,7 +9,7 @@
         .select-wrapper
           = select_tag :link_group_access, options_for_select(ProjectGroupLink.access_options, ProjectGroupLink.default_access), class: "form-control select-control"
           = icon('chevron-down')
-        .help-block.append-bottom-10
+        .form-text.text-muted.append-bottom-10
           = link_to "Read more", help_page_path("user/permissions"), class: "vlink"
           about role permissions
       .form-group

app/views/projects/protected_branches/shared/_create_protected_branch.html.haml

@@ -11,7 +11,7 @@
             Branch:
           .col-md-10
             = render partial: "projects/protected_branches/shared/dropdown", locals: { f: f }
-            .help-block
+            .form-text.text-muted
               = link_to 'Wildcards', help_page_path('user/project/protected_branches', anchor: 'wildcard-protected-branches')
               such as
               %code *-stable

app/views/projects/protected_tags/shared/_create_protected_tag.html.haml

@@ -11,7 +11,7 @@
             Tag:
           .col-md-10.protected-tags-dropdown
             = render partial: "projects/protected_tags/shared/dropdown", locals: { f: f }
-            .help-block
+            .form-text.text-muted
               = link_to 'Wildcards', help_page_path('user/project/protected_tags', anchor: 'wildcard-protected-tags')
               such as
               %code v*

app/views/projects/runners/_form.html.haml

@@ -44,12 +44,12 @@
       Maximum job timeout
     .col-sm-10
       = f.text_field :maximum_timeout_human_readable, class: 'form-control'
-      .help-block This timeout will take precedence when lower than Project-defined timeout
+      .form-text.text-muted This timeout will take precedence when lower than Project-defined timeout
   .form-group
     = label_tag :tag_list, class: 'control-label' do
       Tags
     .col-sm-10
       = f.text_field :tag_list, value: runner.tag_list.sort.join(', '), class: 'form-control'
-      .help-block You can setup jobs to only use Runners with specific tags. Separate tags with commas.
+      .form-text.text-muted You can setup jobs to only use Runners with specific tags. Separate tags with commas.
   .form-actions
     = f.submit 'Save changes', class: 'btn btn-save'

app/views/projects/settings/ci_cd/_form.html.haml

@@ -46,7 +46,7 @@
           .form-control.js-secret-value-placeholder
             = '*' * 20
           = f.text_field :runners_token, class: "form-control hide js-secret-value", placeholder: 'xEeFCaDAB89'
-          %p.help-block The secure token used by the Runner to checkout the project
+          %p.form-text.text-muted The secure token used by the Runner to checkout the project
           %button.btn.btn-info.prepend-top-10.js-secret-value-reveal-button{ type: 'button', data: { secret_reveal_status: 'false' } }
             = _('Reveal value')
 
@@ -76,7 +76,7 @@
         .form-group
           = f.label :build_timeout_human_readable, 'Timeout', class: 'label-light'
           = f.text_field :build_timeout_human_readable, class: 'form-control'
-          %p.help-block
+          %p.form-text.text-muted
             Per job. If a job passes this threshold, it will be marked as failed
             = link_to icon('question-circle'), help_page_path('user/project/pipelines/settings', anchor: 'timeout'), target: '_blank'
 
@@ -84,7 +84,7 @@
         .form-group
           = f.label :ci_config_path, 'Custom CI config path', class: 'label-light'
           = f.text_field :ci_config_path, class: 'form-control', placeholder: '.gitlab-ci.yml'
-          %p.help-block
+          %p.form-text.text-muted
             The path to CI config file. Defaults to <code>.gitlab-ci.yml</code>
             = link_to icon('question-circle'), help_page_path('user/project/pipelines/settings', anchor: 'custom-ci-config-path'), target: '_blank'
 
@@ -94,7 +94,7 @@
             = f.label :public_builds do
               = f.check_box :public_builds
               %strong Public pipelines
-            .help-block
+            .form-text.text-muted
               Allow public access to pipelines and job details, including output logs and artifacts
               = link_to icon('question-circle'), help_page_path('user/project/pipelines/settings', anchor: 'visibility-of-pipelines'), target: '_blank'
             .bs-callout.bs-callout-info
@@ -116,7 +116,7 @@
             = f.label :auto_cancel_pending_pipelines do
               = f.check_box :auto_cancel_pending_pipelines, {}, 'enabled', 'disabled'
               %strong Auto-cancel redundant, pending pipelines
-            .help-block
+            .form-text.text-muted
               New pipelines will cancel older, pending pipelines on the same branch
               = link_to icon('question-circle'), help_page_path('user/project/pipelines/settings', anchor: 'auto-cancel-pending-pipelines'), target: '_blank'
 
@@ -127,7 +127,7 @@
             %span.input-group-addon /
             = f.text_field :build_coverage_regex, class: 'form-control', placeholder: 'Regular expression'
             %span.input-group-addon /
-          %p.help-block
+          %p.form-text.text-muted
             A regular expression that will be used to find the test coverage
             output in the job trace. Leave blank to disable
             = link_to icon('question-circle'), help_page_path('user/project/pipelines/settings', anchor: 'test-coverage-parsing'), target: '_blank'

app/views/projects/tags/new.html.haml

@@ -23,13 +23,13 @@
         = button_tag type: 'button', title: default_ref, class: 'dropdown-menu-toggle wide js-branch-select', required: true, data: { toggle: 'dropdown', selected: default_ref, field_name: 'ref' } do
           .text-left.dropdown-toggle-text= default_ref
         = render 'shared/ref_dropdown', dropdown_class: 'wide'
-      .help-block
+      .form-text.text-muted
         = s_('TagsPage|Existing branch name, tag, or commit SHA')
   .form-group
     = label_tag :message, nil, class: 'control-label'
     .col-sm-10
       = text_area_tag :message, @message, required: false, class: 'form-control', rows: 5
-      .help-block
+      .form-text.text-muted
         = s_('TagsPage|Optionally, add a message to the tag.')
   %hr
   .form-group
@@ -38,7 +38,7 @@
       = render layout: 'projects/md_preview', locals: { url: preview_markdown_path(@project), referenced_users: true } do
         = render 'projects/zen', attr: :release_description, classes: 'note-textarea', placeholder: s_('TagsPage|Write your release notes or drag files here...'), current_text: @release_description
         = render 'shared/notes/hints'
-      .help-block
+      .form-text.text-muted
         = s_('TagsPage|Optionally, add release notes to the tag. They will be stored in the GitLab database and displayed on the tags page.')
   .form-actions
     = button_tag s_('TagsPage|Create tag'), class: 'btn btn-create'

app/views/projects/wikis/_form.html.haml

@@ -31,7 +31,7 @@
       .clearfix
       .error-alert
 
-      .help-block
+      .form-text.text-muted
         = succeed '.' do
           = (s_("WikiMarkdownTip|To link to a (new) page, simply type %{link_example}") % { link_example: '<code>[Link Title](page-slug)</code>' }).html_safe
 

app/views/shared/_choose_group_avatar_button.html.haml

 %button.btn.js-choose-group-avatar-button{ type: 'button' }= _("Choose File ...")
 %span.file_name.js-avatar-filename= _("No file chosen")
 = f.file_field :avatar, class: "js-group-avatar-input hidden"
-.help-block= _("The maximum file size allowed is 200KB.")
+.form-text.text-muted= _("The maximum file size allowed is 200KB.")

app/views/shared/_field.html.haml

@@ -26,4 +26,4 @@
     - elsif type == 'password'
       = form.password_field name, autocomplete: "new-password", class: "form-control", required: value.blank? && required, disabled: disabled
     - if help
-      %span.help-block= help
+      %span.form-text.text-muted= help

app/views/shared/issuable/form/_contribution.html.haml

@@ -16,5 +16,5 @@
         = form.check_box :allow_maintainer_to_push, disabled: !issuable.can_allow_maintainer_to_push?(current_user)
         = _('Allow edits from maintainers.')
         = link_to 'About this feature', help_page_path('user/project/merge_requests/maintainer_access')
-        .help-block
+        .form-text.text-muted
           = allow_maintainer_push_unavailable_reason(issuable)

app/views/shared/issuable/form/_title.html.haml

@@ -9,7 +9,7 @@
       autocomplete: 'off', class: 'form-control pad qa-issuable-form-title'
 
   - if issuable.respond_to?(:work_in_progress?)
-    %p.help-block
+    %p.form-text.text-muted
       .js-wip-explanation
         %a.js-toggle-wip{ href: '', tabindex: -1 }
           Remove the
@@ -30,7 +30,7 @@
         merge request from being merged before it's ready.
 
   - if no_issuable_templates && can?(current_user, :push_code, issuable.project)
-    %p.help-block
+    %p.form-text.text-muted
       Add
       = link_to 'description templates', help_page_path('user/project/description_templates'), tabindex: -1
       to help your contributors communicate effectively!

app/views/shared/labels/_form.html.haml

@@ -15,7 +15,7 @@
       .input-group
         .input-group-addon.label-color-preview  
         = f.text_field :color, class: "form-control"
-      .help-block
+      .form-text.text-muted
         Choose any color.
         %br
         Or you can choose one of suggested colors below

app/views/shared/web_hooks/_form.html.haml

@@ -6,7 +6,7 @@
 .form-group
   = form.label :token, 'Secret Token', class: 'label-light'
   = form.text_field :token, class: 'form-control', placeholder: ''
-  %p.help-block
+  %p.form-text.text-muted
     Use this token to validate received payloads. It will be sent with the request in the X-Gitlab-Token HTTP header.
 .form-group
   = form.label :url, 'Trigger', class: 'label-light'

spec/javascripts/ide/components/commit_sidebar/list_spec.js

@@ -47,7 +47,7 @@ describe('Multi-file editor commit sidebar list', () => {
 
     it('hides list', () => {
       expect(vm.$el.querySelector('.list-unstyled')).toBeNull();
-      expect(vm.$el.querySelector('.help-block')).toBeNull();
+      expect(vm.$el.querySelector('.form-text.text-muted')).toBeNull();
     });
   });
 });

spec/javascripts/ide/components/commit_sidebar/radio_group_spec.js

@@ -73,7 +73,7 @@ describe('IDE commit sidebar radio group', () => {
     vm.helpText = 'help text';
 
     Vue.nextTick(() => {
-      const help = vm.$el.querySelector('.help-block');
+      const help = vm.$el.querySelector('.form-text.text-muted');
 
       expect(help).not.toBeNull();
       expect(help.getAttribute('data-original-title')).toBe('help text');

spec/javascripts/visibility_select_spec.js

@@ -11,7 +11,7 @@ import VisibilitySelect from '~/visibility_select';
     const mockElements = {
       container: document.createElement('div'),
       select: document.createElement('div'),
-      '.help-block': document.createElement('div'),
+      '.form-text.text-muted': document.createElement('div'),
       '.js-locked': lockedElement,
       'option:checked': checkedElement,
     };
@@ -30,8 +30,8 @@ import VisibilitySelect from '~/visibility_select';
       });
 
       it('queries and sets the helpBlock member', function () {
-        expect(Element.prototype.querySelector).toHaveBeenCalledWith('.help-block');
-        expect(this.visibilitySelect.helpBlock).toEqual(mockElements['.help-block']);
+        expect(Element.prototype.querySelector).toHaveBeenCalledWith('.form-text.text-muted');
+        expect(this.visibilitySelect.helpBlock).toEqual(mockElements['.form-text.text-muted']);
       });
 
       it('queries and sets the select member', function () {