improve global alert configurability and turn it red

Author: pietroalbini

src/lib.rs

@@ -60,6 +60,8 @@ use web::page::GlobalAlert;
 pub(crate) static GLOBAL_ALERT: Option<GlobalAlert> = Some(GlobalAlert {
     url: "https://blog.rust-lang.org/2019/09/18/upcoming-docsrs-changes.html",
     text: "Upcoming docs.rs breaking changes!",
+    css_class: "error",
+    fa_icon: "warning",
 });
 
 

src/web/page.rs

@@ -10,13 +10,17 @@ use handlebars_iron::Template;
 pub(crate) struct GlobalAlert {
     pub(crate) url: &'static str,
     pub(crate) text: &'static str,
+    pub(crate) css_class: &'static str,
+    pub(crate) fa_icon: &'static str,
 }
 
 impl ToJson for GlobalAlert {
     fn to_json(&self) -> Json {
         let mut map = BTreeMap::new();
         map.insert("url".to_string(), self.url.to_json());
         map.insert("text".to_string(), self.text.to_json());
+        map.insert("css_class".to_string(), self.css_class.to_json());
+        map.insert("fa_icon".to_string(), self.fa_icon.to_json());
         Json::Object(map)
     }
 }

templates/navigation_global_alert.hbs

@@ -1,9 +1,8 @@
 {{#if ../has_global_alert}}
 <li class="pure-menu-item">
-  <a href="{{../global_alert.url}}" class="pure-menu-link warn">
-    <i class="fa fa-fw fa-warning"></i>
+  <a href="{{../global_alert.url}}" class="pure-menu-link {{../global_alert.css_class}}">
+    <i class="fa fa-fw fa-{{../global_alert.fa_icon}}"></i>
     {{../global_alert.text}}
-    <i class="fa fa-fw fa-warning"></i>
   </a>
 </li>
 {{/if}}

templates/style.scss

@@ -19,6 +19,7 @@ $color-lifetime-incode: #B76514;   // orangish
 $color-comment-in-code: #8E908C;   // light gray
 $color-background-code: #F5F5F5;   // lighter gray
 $color-border: #ddd;               // gray
+$color-red: #d93d3d;               // red
 $top-navbar-height: 32px;          // height of the floating top navbar
 
 
@@ -214,6 +215,15 @@ div.nav-container {
         color: darken($color-type, 10%);
     }
 
+    // used for global alerts
+    .error {
+        color: $color-red;
+
+        &:hover {
+            color: darken($color-red, 10%);
+        }
+    }
+
     div.rustdoc-navigation {
         span.title {
             display: none;