Synced code between list view and related list view. Column displaying icon with text rather than actual value (i.e. true/false for has_active_failures) works consistently. Changed icon and text for our has_active_failures column -preparing it to link to hosts/N/job_events data.

This commit is contained in:
chouseknecht
2013-06-14 12:17:31 -04:00
parent 703bc0fca1
commit ab9b9f84c5
16 changed files with 791 additions and 1113 deletions

View File

@@ -1,33 +1,34 @@
/*!
* Font Awesome 3.1.0
* Font Awesome 3.2.0
* the iconic font designed for Bootstrap
* -------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation
* can be found at: http://fontawesome.io
* ------------------------------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation can be
* found at http://fontawesome.io. Stay up to date on Twitter at
* http://twitter.com/fontawesome.
*
* License
* -------------------------------------------------------
* - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
* ------------------------------------------------------------------------------
* - The Font Awesome font is licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
* - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Font Awesome documentation licensed under CC BY 3.0 License -
* - Font Awesome documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
* "Font Awesome by Dave Gandy - http://fontawesome.io"
* Contact
* -------------------------------------------------------
*
* Author - Dave Gandy
* ------------------------------------------------------------------------------
* Email: dave@fontawesome.io
* Twitter: http://twitter.com/fortaweso_me
* Work: Lead Product Designer @ http://kyruus.com
* Twitter: http://twitter.com/byscuits
* Work: Lead Product Designer @ Kyruus - http://kyruus.com
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=3.1.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
src: url('../font/fontawesome-webfont.eot?v=3.2.0');
src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg');
font-weight: normal;
font-style: normal;
}
@@ -46,6 +47,7 @@
[class*=" icon-"]:before {
text-decoration: inherit;
display: inline-block;
cursor: default;
speak: none;
}
/* makes the font 33% larger relative to the icon container */
@@ -55,31 +57,34 @@
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"],
a [class^="icon-"]:before,
a [class*=" icon-"]:before {
a [class*=" icon-"] {
display: inline;
}
/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
display: inline-block;
width: 1.2857142857142858em;
text-align: center;
width: 1.1428571428571428em;
text-align: right;
padding-right: 0.2857142857142857em;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
width: 1.5714285714285714em;
width: 1.4285714285714286em;
}
ul.icons-ul {
list-style-type: none;
text-indent: -0.7142857142857143em;
.icons-ul {
margin-left: 2.142857142857143em;
list-style-type: none;
}
ul.icons-ul > li .icon-li {
width: 0.7142857142857143em;
display: inline-block;
.icons-ul > li {
position: relative;
}
.icons-ul .icon-li {
position: absolute;
left: -2.142857142857143em;
width: 2.142857142857143em;
text-align: center;
line-height: inherit;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
@@ -273,6 +278,10 @@ ul.icons-ul > li .icon-li {
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
a .icon-spin {
display: inline-block;
text-decoration: none;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
@@ -352,6 +361,14 @@ ul.icons-ul > li .icon-li {
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
display: inline-block;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.icon-glass:before {
@@ -363,7 +380,7 @@ ul.icons-ul > li .icon-li {
.icon-search:before {
content: "\f002";
}
.icon-envelope:before {
.icon-envelope-alt:before {
content: "\f003";
}
.icon-heart:before {
@@ -402,6 +419,7 @@ ul.icons-ul > li .icon-li {
.icon-zoom-out:before {
content: "\f010";
}
.icon-power-off:before,
.icon-off:before {
content: "\f011";
}
@@ -417,7 +435,7 @@ ul.icons-ul > li .icon-li {
.icon-home:before {
content: "\f015";
}
.icon-file:before {
.icon-file-alt:before {
content: "\f016";
}
.icon-time:before {
@@ -441,11 +459,10 @@ ul.icons-ul > li .icon-li {
.icon-play-circle:before {
content: "\f01d";
}
.icon-repeat:before,
.icon-rotate-right:before {
.icon-rotate-right:before,
.icon-repeat:before {
content: "\f01e";
}
/* F020 doesn't work in Safari. all shifted one down */
.icon-refresh:before {
content: "\f021";
}
@@ -638,8 +655,8 @@ ul.icons-ul > li .icon-li {
.icon-arrow-down:before {
content: "\f063";
}
.icon-share-alt:before,
.icon-mail-forward:before {
.icon-mail-forward:before,
.icon-share-alt:before {
content: "\f064";
}
.icon-resize-full:before {
@@ -738,10 +755,10 @@ ul.icons-ul > li .icon-li {
.icon-comments:before {
content: "\f086";
}
.icon-thumbs-up:before {
.icon-thumbs-up-alt:before {
content: "\f087";
}
.icon-thumbs-down:before {
.icon-thumbs-down-alt:before {
content: "\f088";
}
.icon-star-half:before {
@@ -780,6 +797,7 @@ ul.icons-ul > li .icon-li {
.icon-phone:before {
content: "\f095";
}
.icon-unchecked:before,
.icon-check-empty:before {
content: "\f096";
}
@@ -879,6 +897,7 @@ ul.icons-ul > li .icon-li {
.icon-copy:before {
content: "\f0c5";
}
.icon-paperclip:before,
.icon-paper-clip:before {
content: "\f0c6";
}
@@ -951,14 +970,14 @@ ul.icons-ul > li .icon-li {
.icon-sort-up:before {
content: "\f0de";
}
.icon-envelope-alt:before {
.icon-envelope:before {
content: "\f0e0";
}
.icon-linkedin:before {
content: "\f0e1";
}
.icon-undo:before,
.icon-rotate-left:before {
.icon-rotate-left:before,
.icon-undo:before {
content: "\f0e2";
}
.icon-legal:before {
@@ -1015,7 +1034,7 @@ ul.icons-ul > li .icon-li {
.icon-food:before {
content: "\f0f5";
}
.icon-file-alt:before {
.icon-file-text-alt:before {
content: "\f0f6";
}
.icon-building:before {
@@ -1093,10 +1112,13 @@ ul.icons-ul > li .icon-li {
.icon-circle:before {
content: "\f111";
}
.icon-reply:before,
.icon-mail-reply:before {
.icon-mail-reply:before,
.icon-reply:before {
content: "\f112";
}
.icon-github-alt:before {
content: "\f113";
}
.icon-folder-close-alt:before {
content: "\f114";
}
@@ -1266,3 +1288,184 @@ ul.icons-ul > li .icon-li {
.icon-share-sign:before {
content: "\f14d";
}
.icon-compass:before {
content: "\f14e";
}
.icon-collapse:before {
content: "\f150";
}
.icon-collapse-top:before {
content: "\f151";
}
.icon-expand:before {
content: "\f152";
}
.icon-euro:before,
.icon-eur:before {
content: "\f153";
}
.icon-gbp:before {
content: "\f154";
}
.icon-dollar:before,
.icon-usd:before {
content: "\f155";
}
.icon-rupee:before,
.icon-inr:before {
content: "\f156";
}
.icon-yen:before,
.icon-jpy:before {
content: "\f157";
}
.icon-renminbi:before,
.icon-cny:before {
content: "\f158";
}
.icon-won:before,
.icon-krw:before {
content: "\f159";
}
.icon-bitcoin:before,
.icon-btc:before {
content: "\f15a";
}
.icon-file:before {
content: "\f15b";
}
.icon-file-text:before {
content: "\f15c";
}
.icon-sort-by-alphabet:before {
content: "\f15d";
}
.icon-sort-by-alphabet-alt:before {
content: "\f15e";
}
.icon-sort-by-attributes:before {
content: "\f160";
}
.icon-sort-by-attributes-alt:before {
content: "\f161";
}
.icon-sort-by-order:before {
content: "\f162";
}
.icon-sort-by-order-alt:before {
content: "\f163";
}
.icon-thumbs-up:before {
content: "\f164";
}
.icon-thumbs-down:before {
content: "\f165";
}
.icon-youtube-sign:before {
content: "\f166";
}
.icon-youtube:before {
content: "\f167";
}
.icon-xing:before {
content: "\f168";
}
.icon-xing-sign:before {
content: "\f169";
}
.icon-youtube-play:before {
content: "\f16a";
}
.icon-dropbox:before {
content: "\f16b";
}
.icon-stackexchange:before {
content: "\f16c";
}
.icon-instagram:before {
content: "\f16d";
}
.icon-flickr:before {
content: "\f16e";
}
.icon-adn:before {
content: "\f170";
}
.icon-bitbucket:before {
content: "\f171";
}
.icon-bitbucket-sign:before {
content: "\f172";
}
.icon-tumblr:before {
content: "\f173";
}
.icon-tumblr-sign:before {
content: "\f174";
}
.icon-long-arrow-down:before {
content: "\f175";
}
.icon-long-arrow-up:before {
content: "\f176";
}
.icon-long-arrow-left:before {
content: "\f177";
}
.icon-long-arrow-right:before {
content: "\f178";
}
.icon-apple:before {
content: "\f179";
}
.icon-windows:before {
content: "\f17a";
}
.icon-android:before {
content: "\f17b";
}
.icon-linux:before {
content: "\f17c";
}
.icon-dribble:before {
content: "\f17d";
}
.icon-skype:before {
content: "\f17e";
}
.icon-foursquare:before {
content: "\f180";
}
.icon-trello:before {
content: "\f181";
}
.icon-female:before {
content: "\f182";
}
.icon-male:before {
content: "\f183";
}
.icon-gittip:before {
content: "\f184";
}
.icon-sun:before {
content: "\f185";
}
.icon-moon:before {
content: "\f186";
}
.icon-archive:before {
content: "\f187";
}
.icon-bug:before {
content: "\f188";
}
.icon-vk:before {
content: "\f189";
}
.icon-weibo:before {
content: "\f18a";
}
.icon-renren:before {
content: "\f18b";
}