fix: styles

bcgov · Jan 18, 2024 · 15f0b2d · 15f0b2d
1 parent 8ce4a4c
commit 15f0b2d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/frontend/src/views/Seedlot/SeedlotDashboard/RecentSeedlots/styles.scss b/frontend/src/views/Seedlot/SeedlotDashboard/RecentSeedlots/styles.scss
@@ -1,7 +1,7 @@
 @use '@bcgov-nr/nr-theme/design-tokens/variables.scss' as vars;
 @use '@carbon/type';
 
-p.recent-seedlots-subtitle {
+.recent-seedlots-subtitle {
   padding-bottom: 1rem;
 }
 
@@ -20,7 +20,7 @@ p.recent-seedlots-subtitle {
   padding-top: 1rem;
 }
 
-.recent-seedlots-title > h2 {
+.recent-seedlots-title>h2 {
   @include type.type-style('heading-03');
   margin-bottom: 0.5rem;
 }

diff --git a/frontend/src/views/Seedlot/SeedlotRegistrationForm/SaveTooltip.tsx b/frontend/src/views/Seedlot/SeedlotRegistrationForm/SaveTooltip.tsx
@@ -56,7 +56,9 @@ const SaveTooltipLabel = (
 
   return (
     <Toggletip align="bottom" className="save-toggletip">
-      <ToggletipButton className="save-toggletip-btn" label="autosave info"><p>{autsavePrompt}</p></ToggletipButton>
+      <ToggletipButton className="save-toggletip-btn" label="autosave info">
+        <p className={saveStatus === 'error' ? 'save-error-p' : undefined}>{autsavePrompt}</p>
+      </ToggletipButton>
       <ToggletipContent className="save-toggletip-content">
         <p>
           Changes you make are saved periodically.

diff --git a/frontend/src/views/Seedlot/SeedlotRegistrationForm/styles.scss b/frontend/src/views/Seedlot/SeedlotRegistrationForm/styles.scss
@@ -26,6 +26,10 @@
         color: var(--#{vars.$bcgov-prefix}-text-secondary);
         text-decoration: underline dotted var(--#{vars.$bcgov-prefix}-border-interactive);
       }
+
+      .save-error-p {
+        color: var(--#{vars.$bcgov-prefix}-text-error);
+      }
     }
 
     .save-toggletip-content {