]> git.lizzy.rs Git - rust.git/commitdiff
Add arrow and improve display
authorGuillaume Gomez <guillaume1.gomez@gmail.com>
Sat, 9 Sep 2017 13:33:57 +0000 (15:33 +0200)
committerGuillaume Gomez <guillaume1.gomez@gmail.com>
Mon, 11 Sep 2017 20:31:37 +0000 (22:31 +0200)
src/librustdoc/html/highlight.rs
src/librustdoc/html/markdown.rs
src/librustdoc/html/render.rs
src/librustdoc/html/static/main.js
src/librustdoc/html/static/rustdoc.css
src/librustdoc/html/static/styles/main.css

index cc1da35a997572290be8f8a007d72dbe6a1de297..081f950e40db222a331587be16d83da373d9a8c4 100644 (file)
@@ -22,7 +22,6 @@
 
 use html::escape::Escape;
 
-use std::collections::HashMap;
 use std::fmt::Display;
 use std::io;
 use std::io::prelude::*;
@@ -36,7 +35,7 @@
 /// Highlights `src`, returning the HTML output.
 pub fn render_with_highlighting(src: &str, class: Option<&str>, id: Option<&str>,
                                 extension: Option<&str>,
-                                extras: Option<HashMap<String, String>>) -> String {
+                                tooltip: Option<(&str, &str)>) -> String {
     debug!("highlighting: ================\n{}\n==============", src);
     let sess = parse::ParseSess::new(FilePathMapping::empty());
     let fm = sess.codemap().new_filemap("<stdin>".to_string(), src.to_string());
@@ -396,18 +395,12 @@ pub fn rustdoc_class(self) -> &'static str {
 
 fn write_header(class: Option<&str>,
                 id: Option<&str>,
-                out: &mut Write,
-                extras: Option<HashMap<String, String>>)
+                out: &mut Write)
                 -> io::Result<()> {
     write!(out, "<pre ")?;
     if let Some(id) = id {
         write!(out, "id='{}' ", id)?;
     }
-    if let Some(extras) = extras {
-        for (key, value) in &extras {
-            write!(out, "{}=\"{}\" ", key, value)?;
-        }
-    }
     write!(out, "class=\"rust {}\">\n", class.unwrap_or(""))
 }
 
index d9fb35c4c269b6f20b1df1fde72c8640132474d1..3b03acf99081c24fe72eb15c260ef2909342d641 100644 (file)
@@ -225,16 +225,10 @@ fn dont_escape(c: u8) -> bool {
                     url, test_escaped, channel
                 ))
             });
-            let title = if ignore {
-                let mut tmp = HashMap::new();
-                tmp.insert("title".to_owned(),
-                           "Be careful when using this code, it's not being tested!".to_owned());
-                Some(tmp)
+            let tooltip = if ignore {
+                Some(("Be careful when using this code, it's not being tested!", "ignore"))
             } else if compile_fail {
-                let mut tmp = HashMap::new();
-                tmp.insert("title".to_owned(),
-                           "This code doesn't compile so be extra careful!".to_owned());
-                Some(tmp)
+                Some(("This code doesn't compile so be extra careful!", "compile_fail"))
             } else {
                 None
             };
@@ -246,7 +240,7 @@ fn dont_escape(c: u8) -> bool {
                                       else { "" })),
                         None,
                         playground_button.as_ref().map(String::as_str),
-                        title));
+                        tooltip));
             Some(Event::Html(s.into()))
         })
     }
@@ -642,18 +636,10 @@ fn dont_escape(c: u8) -> bool {
                         url, test_escaped, channel
                     ))
                 });
-                let title = if ignore {
-                    let mut tmp = HashMap::new();
-                    tmp.insert("title".to_owned(),
-                               "Be careful when using this code, it's not being \
-                                tested!".to_owned());
-                    Some(tmp)
+                let tooltip = if ignore {
+                    Some(("Be careful when using this code, it's not being tested!", "ignore"))
                 } else if compile_fail {
-                    let mut tmp = HashMap::new();
-                    tmp.insert("title".to_owned(),
-                               "This code doesn't compile so be extra \
-                                careful!".to_owned());
-                    Some(tmp)
+                    Some(("This code doesn't compile so be extra careful!", "compile_fail"))
                 } else {
                     None
                 };
@@ -665,7 +651,7 @@ fn dont_escape(c: u8) -> bool {
                                              else { "" })),
                                None,
                                playground_button.as_ref().map(String::as_str),
-                               title));
+                               tooltip));
                 hoedown_buffer_put(ob, s.as_ptr(), s.len());
             })
         }
index f911ddb4d4f55b9806e0c1075637c821e61bbc72..993462a8d444ab733718627eeee8a61cd24acf26 100644 (file)
@@ -3679,7 +3679,8 @@ fn fmt(&self, fmt: &mut fmt::Formatter) -> fmt::Result {
             write!(fmt, "<span id=\"{0}\">{0:1$}</span>\n", i, cols)?;
         }
         write!(fmt, "</pre>")?;
-        write!(fmt, "{}", highlight::render_with_highlighting(s, None, None, None, None))?;
+        write!(fmt, "{}",
+               highlight::render_with_highlighting(s, None, None, None, None))?;
         Ok(())
     }
 }
index 8ec9cd8660a80dfa9656f8ba83183f99db76a61c..da4430d8a1539fc62170d39d7f25b82532f6a293 100644 (file)
             collapseDocs(i_e.previousSibling.childNodes[0]);
         });
     });
+
+    onEach(document.getElementsByClassName('rust-example-rendered'), function(e) {
+        if (hasClass(e, 'compile_fail')) {
+            e.addEventListener("mouseover", function(event) {
+                e.previousElementSibling.childNodes[0].style.color = '#f00';
+            });
+            e.addEventListener("mouseout", function(event) {
+                e.previousElementSibling.childNodes[0].style.color = '';
+            });
+        } else if (hasClass(e, 'ignore')) {
+            e.addEventListener("mouseover", function(event) {
+                e.previousElementSibling.childNodes[0].style.color = '#ff9200';
+            });
+            e.addEventListener("mouseout", function(event) {
+                e.previousElementSibling.childNodes[0].style.color = '';
+            });
+        }
+    });
 }());
 
 // Sets the focus on the search bar at the top of the page
index ca55d0e5d2a8ef4cfbc6b64be5c5bb8a424f21d9..c15051376bf2766ee7f94efe155b02c8a696aff4 100644 (file)
@@ -612,7 +612,6 @@ pre.rust .question-mark {
        font-weight: bold;
 }
 
-pre.rust { position: relative; }
 a.test-arrow {
        display: inline-block;
        position: absolute;
@@ -813,3 +812,44 @@ span.since {
                display: none;
        }
 }
+
+.information {
+       position: absolute;
+       left: -1px;
+       margin-top: 7px;
+}
+
+.tooltip {
+       position: relative;
+       display: inline-block;
+       cursor: pointer;
+}
+
+.tooltip .tooltiptext {
+       width: 120px;
+       display: none;
+       background-color: black;
+       color: #fff;
+       text-align: center;
+       padding: 5px 3px;
+       border-radius: 6px;
+       margin-left: 5px;
+       top: -5px;
+       left: 105%;
+       z-index: 1;
+}
+
+.tooltip:hover .tooltiptext {
+       display: inline;
+}
+
+.tooltip .tooltiptext::after {
+       content: " ";
+       position: absolute;
+       top: 50%;
+       left: 11px;
+       margin-top: -5px;
+       border-width: 5px;
+       border-style: solid;
+       border-color: transparent black transparent transparent;
+}
index 18b40b3d60c177247fcd7e5783b199118e53ce2c..42d0ec704f45f01f98fef03255209bf0b4d06453 100644 (file)
@@ -205,9 +205,33 @@ a.test-arrow:hover{
 }
 
 pre.compile_fail {
-       box-shadow: -6px 0 5px -3px #f00;
+       border-left: 2px solid rgba(255,0,0,.4);
+}
+
+pre.compile_fail:hover, .information:hover + pre.compile_fail {
+       border-left: 2px solid #f00;
 }
 
 pre.ignore {
-       box-shadow: -6px 0 5px -3px #ff9200;
-}
\ No newline at end of file
+       border-left: 2px solid rgba(255,142,0,.4);
+}
+
+pre.ignore:hover, .information:hover + pre.ignore {
+       border-left: 2px solid #ff9200;
+}
+
+.tooltip.compile_fail {
+       color: rgba(255,0,0,.3);
+}
+
+.information > .compile_fail:hover {
+       color: #f00;
+}
+
+.tooltip.ignore {
+       color: rgba(255,142,0,.3);
+}
+
+.information > .ignore:hover {
+       color: rgba(255,142,0,1);
+}