Merge pull request #772 from qld-gov-au/QOLDEV-267-digital-dashboard-…

…styling

QOLDEV-267 fix spacing under Digital Dashboard navigation tabs

src/assets/_project/_blocks/layout/content/_content.scss

@@ -26,8 +26,8 @@
     font-size: 1rem;
   }
   ul, ol {
-    // don't add margins to elements styled by JavaScript
-    li:not(.select2 li) {
+    // don't add margins to contexts that manage their own spacing
+    li:not(.select2 li, .graph li, #tabbed-nav li) {
       margin-bottom: 0.5em;
     }
   }

src/stories/franchises/digital-dashboard/Dashboard.stories.mdx

@@ -0,0 +1,34 @@
+import { Canvas, Meta, Story } from "@storybook/addon-docs";
+
+import Dashboard from "./templates/Dashboard.html";
+import Tenders from "./templates/Tenders.html";
+
+import { QgPrimaryContent, QgContent } from "../../decorators";
+
+import { getDecoratedParameters } from "../../helpers";
+
+<Meta title="Franchises/DigitalDashboard" decorators={[QgPrimaryContent, QgContent]} />
+
+# Digital Dashboard
+
+This story mimics component usages on https://www.qld.gov.au/digitalprojectsdashboard
+
+Some style is sitting in Squiz Matrix https://www.qld.gov.au/__data/assets/css_file/0015/102129/ictdashboard.css
+
+Not included in Forgov SWE documentation.
+
+## Dashboard
+
+<Canvas withSource="open">
+  <Story name="Dashboard" parameters={getDecoratedParameters(Dashboard)}>
+    {() => Dashboard}
+  </Story>
+</Canvas>
+
+## Tenders
+
+<Canvas withSource="open">
+  <Story name="Tenders" parameters={getDecoratedParameters(Tenders)}>
+    {() => Tenders}
+  </Story>
+</Canvas>