[TECH] add missing css rules to display icons

Author: Aurélien Baudet

sonar-web-frontend-js/src/main/resources/rules/eslint.css

@@ -2,6 +2,13 @@
 	margin-top: 20px;
 }
 
+@font-face {
+    font-family: 'Glyphicons Halflings';
+    src: url(static/webfrontend/fonts/glyphicons-halflings-regular.eot);
+    src: url(static/webfrontend/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(static/webfrontend/fonts/glyphicons-halflings-regular.woff) format('woff'), url(static/webfrontend/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(static/webfrontend/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular) format('svg')
+}
+
+
 .highlight .hll { background-color: #ffffcc }
 .highlight .c { color: #999988; font-style: italic } /* Comment */
 .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
@@ -62,4 +69,120 @@
 .highlight .vc { color: #008080 } /* Name.Variable.Class */
 .highlight .vg { color: #008080 } /* Name.Variable.Global */
 .highlight .vi { color: #008080 } /* Name.Variable.Instance */
-.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+
+
+.btn-getting-started {
+  margin-top: 30px;
+}
+
+/* Prevent long code from wrapping, scroll instead */
+code[data-lang] {
+  white-space: pre;
+}
+
+main.doc .highlight pre {
+  overflow-x: auto;
+  word-wrap: normal;
+}
+
+/* We need to push the content because of the fixed header */
+body {
+  padding-top: 80px;
+}
+/* Allow anchors to not be hidden by the fixed header */
+h1:target:before,
+h2:target:before,
+h3:target:before,
+h4:target:before,
+h5:target:before,
+h6:target:before {
+  content: "";
+  display: block;
+  margin-top: -80px;
+  height: 80px;
+  width: 1px;
+}
+
+/* icon margins for rules page */
+.glyphicon {
+  margin: 0 2px;
+}
+
+td .glyphicon {
+  margin: 0; /* within table in rules page */
+}
+
+th,
+td {
+  padding-left: 0.5em;
+  min-width: 1em; /* width of glyphicon for a column of empty cells */
+}
+
+th:first-child,
+td:first-child {
+  padding-left: 0;
+}
+
+tr {
+  vertical-align: baseline;
+}
+
+p.incorrect + div + div + div > pre, /* vars-on-top */
+p.incorrect + div + div > pre, /* no-continue */
+p.incorrect + div > pre {
+  background-color: #fff6f6; /* light red hsl(0,100%,98%) */
+}
+
+p.correct + div + div + div > pre, /* vars-on-top */
+p.correct + div + div > pre, /* no-continue */
+p.correct + div > pre {
+  background-color: #f6fff6; /* light green hsl(120,100%,98%) */
+}
+
+p.icon:before {
+  font-family: "Glyphicons Halflings";
+  color: #4d4d4d; /* gray hsl(0,0%,30%) */
+  margin-right: 0.5em;
+}
+
+p.recommended:before {
+  content: "\e013"; /* ok */
+}
+
+p.removed:before {
+  content: "\e014"; /* remove */
+}
+
+p.fixable:before {
+  content: "\e136"; /* wrench */
+}
+
+p.incorrect:before {
+  content: "\e126"; /* thumbs-down */
+}
+
+p.correct:before {
+  content: "\e125"; /* thumbs-up */
+}
+
+@media (min-width: 768px) {
+
+  p.icon:before {
+    /*position: absolute;*/
+    /*left: -20px;*/
+  }
+
+  p.icon {
+    position:relative;
+  }
+
+}
+
+@media (max-width: 767px) {
+
+  code {
+    white-space: normal;
+  }
+
+}