IE7 cross browser fixes due to crapstrap non support of IE7

This commit is contained in:
perryharlock
2013-09-20 15:17:30 +01:00
parent 33259b76f8
commit de66ab48da
4 changed files with 39 additions and 9 deletions

File diff suppressed because one or more lines are too long

View File

@@ -39,7 +39,7 @@
animation: true animation: true
, placement: 'top' , placement: 'top'
, selector: false , selector: false
, template: '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>' , template: '<div class="tooltip"><div class="tooltip-arrow">&nbsp;</div><div class="tooltip-inner"></div></div>'
, trigger: 'hover focus' , trigger: 'hover focus'
, title: '' , title: ''
, delay: 0 , delay: 0

View File

@@ -69,12 +69,7 @@
.col-md-offset-9 { margin-left: percentage((9 / @grid-columns)); } .col-md-offset-9 { margin-left: percentage((9 / @grid-columns)); }
.col-md-offset-10 { margin-left: percentage((10/ @grid-columns)); } .col-md-offset-10 { margin-left: percentage((10/ @grid-columns)); }
.col-md-offset-11 { margin-left: percentage((11/ @grid-columns)); } .col-md-offset-11 { margin-left: percentage((11/ @grid-columns)); }
}
.ie8 {
.task-card-link {
min-height:190px;
}
.legend { .legend {
display: block; display: block;
width: 100%; width: 100%;
@@ -85,4 +80,39 @@
border-bottom: 1px solid @legend-border-color; border-bottom: 1px solid @legend-border-color;
margin-bottom:20px; margin-bottom:20px;
} }
.tooltip-inner {
background-color: #000000;
}
.clearfix {
*zoom: 1;
}
.date {
font-size:85%;
}
.task-card-link {
min-height:190px;
}
} }
.ie7 {
ul {
margin-left:0;
}
.col-md-2 { width:14%; }
.col-md-3 { width:22%; }
.col-md-4 {
width: 32%;
padding:0 5px;
}
.col-md-9 { width:72%; }
.col-md-10 { width:80%; }
.col-md-12 { width: 97%; }
.dropdown-container {
position:relative;
z-index:900;
margin-bottom:20px;
}
.aside .task-stats li {
width:31.5%;
}
}

View File

@@ -51,7 +51,7 @@
<div class="col-md-3 aside"> <div class="col-md-3 aside">
{{#if results}} {{#if results}}
<div class="row"> <div class="row">
<div class="col-md-12 col-xs-6"> <div class="col-md-12 col-xs-6 dropdown-container">
<div class="btn-group block-level clearfix"> <div class="btn-group block-level clearfix">
<button data-toggle="dropdown" class="btn-full-width btn btn-primary dropdown-toggle" type="button">{{date-format lastResult.date format="DD MMM YYYY"}} <span class="glyphicon glyphicon-calendar"></span> <span class="caret"></span></button> <button data-toggle="dropdown" class="btn-full-width btn btn-primary dropdown-toggle" type="button">{{date-format lastResult.date format="DD MMM YYYY"}} <span class="glyphicon glyphicon-calendar"></span> <span class="caret"></span></button>
<ul role="menu" class="dropdown-menu"> <ul role="menu" class="dropdown-menu">
@@ -66,7 +66,7 @@
{{#lastResult}} {{#lastResult}}
<li class="danger"><a href="#errors" title="See errors">{{count.error}}</a></li> <li class="danger"><a href="#errors" title="See errors">{{count.error}}</a></li>
<li class="warning"><a href="#warnings" title="See warnings">{{count.warning}}</a></li> <li class="warning"><a href="#warnings" title="See warnings">{{count.warning}}</a></li>
<li class="info"><a href="#notifications" title="See notifications">{{count.notice}}</a></li> <li class="info last"><a href="#notifications" title="See notifications">{{count.notice}}</a></li>
{{/lastResult}} {{/lastResult}}
</ul> </ul>
</div> </div>