format tooltips as lists

uselagoon · Jul 4, 2024 · 676e281 · 676e281
1 parent 88d4788
commit 676e281
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 15 deletions.
diff --git a/src/components/Organizations/NewProject/index.js b/src/components/Organizations/NewProject/index.js
@@ -190,15 +190,16 @@ const OrgNewProject = ({
                               <b>[Default: true]</b>
                               <br />
                               <span> Which branches should be deployed, can be one of:</span>
-                              <br />
-                              <span> - true - all branches are deployed </span>
-                              <br />
-                              <span>- false - no branches are deployed</span>
-                              <br />
-                              <span>
-                                - regex of all branches that can be deployed (including production), example:
-                                '^(main|staging)$'
-                              </span>
+                              <ul className="tooltiplist">
+                                <li>true - all branches are deployed </li>
+
+                                <li>false - no branches are deployed</li>
+
+                                <li>
+                                  regex of all branches that can be deployed (including production), example:
+                                  '^(main|staging)$'
+                                </li>
+                              </ul>
                             </>
                           }
                           placement="right"
@@ -224,12 +225,13 @@ const OrgNewProject = ({
                               <b>[Default: true]</b>
                               <br />
                               <span> Which pull requests should be deployed, can be one of:</span>
-                              <br />
-                              <span> - true - all pull requests are deployed </span>
-                              <br />
-                              <span> - false - no pull requests are deployed</span>
-                              <br />
-                              <span>- regex of all Pull Request titles that can be deployed, example: '[BUILD]'</span>
+                              <ul className="tooltiplist">
+                                <li>true - all pull requests are deployed </li>
+
+                                <li>false - no pull requests are deployed</li>
+
+                                <li>regex of all Pull Request titles that can be deployed, example: '[BUILD]'</li>
+                              </ul>
                             </>
                           }
                           placement="right"

diff --git a/src/layouts/GlobalStyles/index.tsx b/src/layouts/GlobalStyles/index.tsx
@@ -41,6 +41,15 @@ body {
   .ant-tooltip-content .ant-tooltip-inner{
   color: ${props => (props.theme.colorScheme === 'dark' ? '#000' : '#fff')};
   background: ${props => (props.theme.colorScheme === 'dark' ? '#fff' : '#000')};
+
+  .tooltiplist{
+    margin-left: 0.812rem;
+    li{
+      margin-bottom: initial;
+      padding-left: 0;
+      list-style: disc;
+    }
+  }
   }
   &.lg{
       .ant-tooltip-content{