</div>
</div>
-<div class="container-main">
+<div class="container-main face-main">
<div class="search-navigator-workspace-header"></div>
<div class="search-navigator-workspace">
<div class="search-navigator-workspace-list"></div>
</div>
</div>
-<div class="container-main">
+<div class="container-main face-main">
<div class="search-navigator-workspace-header"></div>
<div class="search-navigator-workspace">
<div class="search-navigator-workspace-list"></div>
<div class="issues-header-component">
{{#if state.component}}
<a class="js-back">{{t 'issues.return_to_list'}}</a>
-
- {{#with state.component}}
- {{qualifierIcon 'TRK'}} <a href="{{dashboardUrl project}}" title="{{projectName}}">{{projectName}}</a>
-
- {{qualifierIcon qualifier}} <a href="{{dashboardUrl key}}" title="{{name}}">{{name}}</a>
- {{/with}}
{{else}}
{{/if}}
this.app.layout.workspaceDetailsRegion.reset();
this.app.layout.hideDetails();
this.app.workspaceListView.bindScrollEvents();
- this.app.workspaceListView.scrollTo();
}
});
workspaceDetailsRegion: '.search-navigator-workspace-details'
},
- initialize: function () {
- var that = this;
- $(window).on('scroll.search-navigator-layout', function () {
- that.onScroll();
- });
- },
-
- onClose: function () {
- $(window).off('scroll.search-navigator-layout');
- },
-
- onScroll: function () {
- var scrollTop = $(window).scrollTop();
- $('.search-navigator').toggleClass('sticky', scrollTop >= this.topOffset);
- this.$('.search-navigator-side').css({
- top: Math.max(0, Math.min(this.topOffset - scrollTop, this.topOffset))
- });
- },
-
showDetails: function () {
this.scroll = $(window).scrollTop();
$('.search-navigator').addClass('search-navigator-extended-view');
app: this.options.app,
model: this.model
}));
- this.$el.scrollParent().scrollTop(30);
},
onClose: function () {
.issue-list,
.issue {
- max-width: 920px;
+ width: 780px;
+ .box-sizing(border-box);
}
.issue.selected {
line-height: 1.5;
font-size: @baseFontSize;
font-weight: 500;
+ word-break: break-all;
+ word-break: break-word;
}
.issue-tags {
.search-navigator {
.clearfix;
-
-// &.sticky {
-//
-// .search-navigator-workspace-header {
-// position: fixed;
-// z-index: 4;
-// top: 0;
-// left: @sideWidth;
-// right: 0;
-// }
-//
-// .search-navigator-workspace-list,
-// .search-navigator-workspace-details {
-// padding-top: 22px + 5px + 5px + 1px + 10px;
-// }
-//
-// .search-navigator-side {
-// position: fixed;
-// z-index: 4;
-// top: 0;
-// bottom: 0;
-// overflow-y: auto;
-// }
-//
-// }
}
.search-navigator-side {
.box-sizing(border-box);
- background-color: @barBorderColor;
overflow-x: hidden;
}
.search-navigator-facet-box {
- border-top: 1px solid @barBorderColor;
background-color: @barBackgroundColor;
font-size: @baseFontSize;
}
.issues {
-// &.sticky {
-//
-// .issues-workspace-list,
-// .issues-workspace-component-viewer {
-// padding-top: 22px + 5px + 5px + 1px + 10px;
-// }
-//
-// }
}
.issues-workspace-list-component {
.issues-workspace-component-viewer {
display: none;
- padding: 1px 10px;
min-height: 100vh;
.code-issue-modern {
body {
min-width: @pageWidth;
+ min-height: 100vh;
}
.container {
float: left;
width: @containerWidth - @sideWidth;
}
+
+.face-bar {
+ background-color: @barBackgroundColor;
+}
+
+.face-main {
+ margin: -10px;
+ padding: 10px;
+ background-color: #fff;
+}
+
+.container-side + .face-main {
+ box-shadow: -6px 0 10px 0 rgba(0, 0, 0, 0.075);
+}
}
#footer {
- padding: 4px 0;
+ position: relative;
clear: both;
}
#body {
position: relative;
padding-top: 10px;
+ padding-bottom: 10px;
}
.with_sidebar {
FOOTER
*/
#ftlinks {
- background: #fff;
+ background: @barBackgroundColor;
color: #262626;
text-align: center;
- border-top: 1px solid #fff;
+ border-top: 1px solid @barBackgroundColor;
font-size: 85%;
padding: 10px 0;
line-height: 1.4;
<script>require(['coding-rules/app']);</script>
<% end %>
+<% content_for :body_class do %>face-bar<% end %>
+
<div class="coding-rules search-navigator"></div>
<script>require(['issues/app-new']);</script>
<% end %>
+<% content_for :body_class do %>face-bar<% end %>
+
<div class="issues search-navigator"></div>
</script>
<%= yield :script -%>
</head>
-<body>
+<body class="<%= yield :body_class -%>">