Fix notification indicator appearing behind navigation text (#9035)

* Fix peeking notification indicator on web * Remove relative positioning from LeftNav component
2025-09-22 18:49:16 +01:00
parent 5211b26903
commit 2c6752f24a
1 changed files with 2 additions and 1 deletions
@@ -432,7 +432,6 @@ function NavItem({count, hasNew, href, icon, iconFilled, label}: NavItemProps) {
        style={[
          a.align_center,
          a.justify_center,
-          a.z_10,
          {
            width: 24,
            height: 24,
@@ -467,6 +466,7 @@ function NavItem({count, hasNew, href, icon, iconFilled, label}: NavItemProps) {
                a.rounded_full,
                a.text_center,
                a.leading_tight,
+                a.z_20,
                {
                  top: '-10%',
                  left: count.length === 1 ? 12 : 8,
@@ -492,6 +492,7 @@ function NavItem({count, hasNew, href, icon, iconFilled, label}: NavItemProps) {
            style={[
              a.absolute,
              a.rounded_full,
+              a.z_20,
              {
                backgroundColor: t.palette.primary_500,
                width: 8,