add tooltips

uselagoon · Jul 1, 2024 · 1316d68 · 1316d68
1 parent 5e83df0
commit 1316d68
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 2 deletions.
diff --git a/src/components/Organizations/NewProject/index.js b/src/components/Organizations/NewProject/index.js
@@ -182,7 +182,24 @@ const OrgNewProject = ({
 
                     <div className="form-box spacetop">
                       <label>
-                        Branches
+                        Branches{' '}
+                        <Tooltip
+                          overlayClassName="orgTooltip lg"
+                          title={
+                            <>
+                              <p> Which Pull Requests should be deployed, can be one of::</p>
+                              <p> - true - all branches are deployed </p>
+                              <p>- false - no branches are deployed</p>
+                              <p>
+                                - regex of all branches that can be deployed (including production), example:
+                                '^(main|staging)$'
+                              </p>
+                            </>
+                          }
+                          placement="right"
+                        >
+                          <InfoCircleOutlined style={{ fontSize: '1rem' }} />
+                        </Tooltip>
                         <input
                           type="text"
                           placeholder="Branches"
@@ -194,7 +211,21 @@ const OrgNewProject = ({
 
                     <div className="form-box">
                       <label>
-                        Pull requests
+                        Pull requests{' '}
+                        <Tooltip
+                          overlayClassName="orgTooltip lg"
+                          title={
+                            <>
+                              <p> Which branches should be deployed, can be one of:</p>
+                              <p> - true - all pull requests are deployed </p>
+                              <p> - false - no pull requests are deployed</p>
+                              <p>- regex of all Pull Request titles that can be deployed, example: '[BUILD]'</p>
+                            </>
+                          }
+                          placement="right"
+                        >
+                          <InfoCircleOutlined style={{ fontSize: '1rem' }} />
+                        </Tooltip>
                         <input
                           placeholder="Pull requests"
                           type="text"

diff --git a/src/layouts/GlobalStyles/index.tsx b/src/layouts/GlobalStyles/index.tsx
@@ -42,6 +42,12 @@ body {
   color: ${props => (props.theme.colorScheme === 'dark' ? '#000' : '#fff')};
   background: ${props => (props.theme.colorScheme === 'dark' ? '#fff' : '#000')};
   }
+  &.lg{
+      .ant-tooltip-content{
+        width:max-content;
+      }
+
+  }
 }
 .componentTooltip {
   .ant-tooltip-arrow:before{