EE-2681 fix(docker): fix message format (#7784)

app/docker/views/images/build/buildimage.html

@@ -183,10 +183,12 @@
               <div ng-show="state.BuildType === 'url'">
                 <div class="col-sm-12 form-section-title"> URL </div>
                 <div class="form-group">
-                  <span class="col-sm-12 text-muted small vertical-center">
+                  <span class="col-sm-12 small vertical-center">
                     <pr-icon icon="'info'" mode="'primary'" feather="true"></pr-icon>
-                    Specify the URL to a Dockerfile, a tarball or a public Git repository (suffixed by <b>.git</b>). When using a Git repository URL, build contexts can be
-                    specified as in the <a href="https://docs.docker.com/engine/reference/commandline/build/#git-repositories">Docker documentation.</a>
+                    <span class="text-muted"
+                      >Specify the URL to a Dockerfile, a tarball or a public Git repository (suffixed by <b>.git</b>). When using a Git repository URL, build contexts can be
+                      specified as in the <a href="https://docs.docker.com/engine/reference/commandline/build/#git-repositories">Docker documentation.</a></span
+                    >
                   </span>
                 </div>
                 <div class="form-group">

app/portainer/components/forms/git-form/git-form-compose-path-field/git-form-compose-path-field.html

@@ -1,11 +1,14 @@
 <ng-form name="pathForm">
   <div class="form-group">
     <span class="col-sm-12 text-muted small vertical-center">
-      <pr-icon icon="'info'" mode="'primary'" feather="true"></pr-icon> Indicate the path to the {{ $ctrl.deployMethod == 'compose' ? 'Compose' : 'Manifest' }} file from the root
-      of your repository. To enable rebuilding of an image if already present on Docker standalone environments, include<code>pull_policy: build</code>in your compose file as per<a
-        href="https://docs.docker.com/compose/compose-file/#pull_policy"
-        >Docker documentation</a
-      >.
+      <pr-icon icon="'info'" mode="'primary'" feather="true"></pr-icon>
+      <span
+        >Indicate the path to the {{ $ctrl.deployMethod == 'compose' ? 'Compose' : 'Manifest' }} file from the root of your repository.
+        <span ng-if="$ctrl.isDockerStandalone">
+          To enable rebuilding of an image if already present on Docker standalone environments, include<code>pull_policy: build</code>in your compose file as per
+          <a href="https://docs.docker.com/compose/compose-file/#pull_policy">Docker documentation</a>.</span
+        ></span
+      >
     </span>
   </div>
   <div class="form-group">

app/portainer/components/forms/git-form/git-form-compose-path-field/index.js

@@ -4,5 +4,6 @@ export const gitFormComposePathField = {
     deployMethod: '@',
     value: '<',
     onChange: '<',
+    isDockerStandalone: '<',
   },
 };

app/portainer/components/forms/git-form/git-form.controller.js

@@ -1,10 +1,11 @@
 export default class GitFormController {
   /* @ngInject */
-  constructor() {
+  constructor(StateManager) {
     this.onChangeField = this.onChangeField.bind(this);
     this.onChangeURL = this.onChangeField('RepositoryURL');
     this.onChangeRefName = this.onChangeField('RepositoryReferenceName');
     this.onChangeComposePath = this.onChangeField('ComposeFilePathInRepository');
+    this.isDockerStandalone = StateManager.getState().endpoint.mode.provider === 'DOCKER_STANDALONE';
   }
 
   onChangeField(field) {

app/portainer/components/forms/git-form/git-form.html

@@ -10,6 +10,7 @@
     value="$ctrl.model.ComposeFilePathInRepository"
     on-change="($ctrl.onChangeComposePath)"
     deploy-method="{{ $ctrl.deployMethod }}"
+    is-docker-standalone="$ctrl.isDockerStandalone"
   ></git-form-compose-path-field>
 
   <git-form-additional-files-panel ng-if="$ctrl.additionalFile" model="$ctrl.model" on-change="($ctrl.onChange)"></git-form-additional-files-panel>

app/portainer/views/users/users.html

@@ -126,8 +126,10 @@
             <div class="col-sm-12">
               <span class="small text-muted vertical-center">
                 <pr-icon class="vertical-center" icon="'alert-circle'" feather="true" aria-hidden="true" mode="'primary'" size="'md'"></pr-icon>
-                Note: non-administrator users who aren't in a team don't have access to any environments by default. Head over to the
-                <a ui-sref="portainer.endpoints">Environments view</a> to manage their accesses.
+                <span
+                  >Note: non-administrator users who aren't in a team don't have access to any environments by default. Head over to the
+                  <a ui-sref="portainer.endpoints">Environments view</a> to manage their accesses.</span
+                >
               </span>
             </div>
           </div>

app/react/components/Tip/TextTip/TextTip.tsx

@@ -27,13 +27,15 @@ export function TextTip({
   }
 
   return (
-    <p className="text-muted small vertical-center">
-      <Icon
-        icon="alert-circle"
-        feather
-        className={clsx(`${iconClass}`, 'space-right')}
-      />
-      {children}
+    <p className="small vertical-center">
+      <i className="icon-container">
+        <Icon
+          icon="alert-circle"
+          feather
+          className={clsx(`${iconClass}`, 'space-right')}
+        />
+      </i>
+      <span className="text-muted">{children}</span>
     </p>
   );
 }