Add dev env indicator to navigation

app/assets/stylesheets/application.sass.scss

@@ -110,6 +110,7 @@ $unicodeRangeValues in Lexend.$unicodeMap {
 "components/inbox-actions",
 "components/inbox-entry",
 "components/mobile-nav",
+"components/navbar",
 "components/notifications",
 "components/profile",
 "components/push-settings",

app/assets/stylesheets/components/_navbar.scss

@@ -0,0 +1,18 @@
+.navbar-dev {
+  &:before {
+    @extend .progress-bar-striped;
+    @extend .bg-warning;
+
+    content: "";
+    position: absolute;
+    bottom: 0;
+    height: 4px;
+    width: 100%;
+    background-size: 4px 4px;
+
+    @include media-breakpoint-up('md') {
+      bottom: unset;
+      top: 0;
+    }
+  }
+}

app/views/navigation/_desktop.html.haml

@@ -1,4 +1,4 @@
-%nav.navbar.navbar-themed.navbar-expand-lg.bg-primary.fixed-top.d-lg-block.d-none.d-print-none{ role: :navigation }
+%nav.navbar.navbar-themed.navbar-expand-lg.bg-primary.fixed-top.d-lg-block.d-none.d-print-none{ class: Rails.env.development? ? "navbar-dev" : "", role: :navigation }
   .container
     %a.navbar-brand{ href: '/', title: APP_CONFIG["site_name"] }
       - if APP_CONFIG["use_svg_logo"]

app/views/navigation/_mobile.html.haml

@@ -1,5 +1,5 @@
 - notifications_icon = notification_count.nil? ? 'bell-o' : 'bell'
-%nav.navbar.navbar-themed.bg-primary.fixed-bottom.d-lg-none.d-block.d-print-none#rs-mobile-nav{ role: :navigation }
+%nav.navbar.navbar-themed.bg-primary.fixed-bottom.d-lg-none.d-block.d-print-none#rs-mobile-nav{ class: Rails.env.development? ? "navbar-dev" : "", role: :navigation }
   .container
     %ul.nav.navbar-nav.navbar-icon-row
       = nav_entry t("navigation.timeline"), root_path, icon: 'home', icon_only: true