<div class="navigator">
<div class="navigator-header"></div>
+ <div class="navigator-notes">
+ <%= message('issue_filter.max_results_reached', :params => 10000) -%>
+ </div>
<div class="navigator-filters"></div>
<div class="navigator-results"></div>
<div class="navigator-details"></div>
},
+ onAfterItemAdded: function() {
+ var showLimitNotes = this.collection.maxResultsReached != null && this.collection.maxResultsReached;
+ jQuery('.navigator').toggleClass('navigator-with-notes', showLimitNotes);
+ jQuery('.navigator-notes').toggle(showLimitNotes);
+ },
+
+
close: function() {
var scrollEl = jQuery('.navigator-results');
scrollEl.off('scroll');
width: 320px;
height: 30px;
}
+.navigator-notes {
+ position: fixed;
+ z-index: 2;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ top: 104px;
+ left: 0;
+ width: 100%;
+ height: 20px;
+ display: none;
+}
.navigator-simple .navigator-filters {
top: 30px;
}
left: 0;
width: 100%;
}
+.navigator-with-notes .navigator-results,
+.navigator-with-notes .navigator-details {
+ top: 124px;
+}
+.navigator-with-notes .navigator-notes {
+ display: block;
+}
.navigator-fetching:before {
content: " ";
position: absolute;
.navigator-header-actions > button + button {
margin-left: -1px;
}
+.navigator-notes {
+ padding: 0 10px;
+ border-bottom: 1px solid #cdcdcd;
+ background-color: #efefef;
+ color: #777;
+ font-size: 11px;
+ line-height: 20px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
.navigator-results {
border-right: 1px solid #e1e1e1;
background-color: #ffffff;
width: 320px;
height: 30px;
}
+.navigator-notes {
+ position: fixed;
+ z-index: 2;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ top: 104px;
+ left: 0;
+ width: 100%;
+ height: 20px;
+ display: none;
+}
.navigator-simple .navigator-filters {
top: 30px;
}
left: 0;
width: 100%;
}
+.navigator-with-notes .navigator-results,
+.navigator-with-notes .navigator-details {
+ top: 124px;
+}
+.navigator-with-notes .navigator-notes {
+ display: block;
+}
.navigator-fetching:before {
content: " ";
position: absolute;
.navigator-header-actions > button + button {
margin-left: -1px;
}
+.navigator-notes {
+ padding: 0 10px;
+ border-bottom: 1px solid #cdcdcd;
+ background-color: #efefef;
+ color: #777;
+ font-size: 11px;
+ line-height: 20px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
.navigator-results {
border-right: 1px solid #e1e1e1;
background-color: #ffffff;
.size(@navigatorResultsWidth, @navigatorStatusHeight);
}
+.navigator-notes {
+ .navigator-element;
+ top: @navigatorTopOffset + @navigatorHeaderHeight + @navigatorFiltersHeight;
+ left: 0;
+ .size(100%, @navigatorNotesHeight);
+ display: none;
+}
+
.navigator-simple {
.navigator-filters {
}
+.navigator-with-notes {
+
+ .navigator-results,
+ .navigator-details {
+ top: @navigatorTopOffset + @navigatorHeaderHeight + @navigatorFiltersHeight + @navigatorNotesHeight;
+ }
+
+ .navigator-notes {
+ display: block;
+ }
+
+}
+
+
.navigator-fetching {
&:before {
content: " ";
+// Notes
+.navigator-notes {
+ padding: 0 @navigatorPadding;
+ border-bottom: 1px solid @navigatorBorderColor;
+ background-color: @navigatorBarBackground;
+
+ color: #777;
+ font-size: @smallFontSize;
+ line-height: @navigatorNotesHeight;
+
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+
+
// Results
.navigator-results {
border-right: 1px solid @navigatorBorderLightColor;
@navigatorHeaderHeight: 37px;
@navigatorFiltersHeight: 37px;
@navigatorStatusHeight: 30px;
+@navigatorNotesHeight: 20px;
@navigatorResultsWidth: 320px;