+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2017 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-import Marionette from 'backbone.marionette';
-import Template from './templates/coding-rules-filters.hbs';
-
-export default Marionette.ItemView.extend({
- template: Template
-});
template: Template,
regions: {
- filtersRegion: '.search-navigator-filters',
- facetsRegion: '.search-navigator-facets',
- workspaceHeaderRegion: '.search-navigator-workspace-header',
- workspaceListRegion: '.search-navigator-workspace-list',
- workspaceDetailsRegion: '.search-navigator-workspace-details'
+ facetsRegion: '.layout-page-filters',
+ workspaceHeaderRegion: '.coding-rules-header',
+ workspaceListRegion: '.coding-rules-list',
+ workspaceDetailsRegion: '.coding-rules-details'
},
onRender() {
- const navigator = this.$('.search-navigator');
+ const navigator = this.$('.layout-page');
const top = navigator.offset().top;
- this.$('.search-navigator-workspace-header').css({ top });
- this.$('.search-navigator-side').css({ top }).isolatedScroll();
+ this.$('.layout-page-side').css({ top });
},
showDetails() {
this.scroll = $(window).scrollTop();
- this.$('.search-navigator').addClass('search-navigator-extended-view');
+ this.$('.coding-rules').addClass('coding-rules-extended-view');
},
hideDetails() {
- this.$('.search-navigator').removeClass('search-navigator-extended-view');
+ this.$('.coding-rules').removeClass('coding-rules-extended-view');
if (this.scroll != null) {
$(window).scrollTop(this.scroll);
}
},
detailsShow() {
- return this.$('.search-navigator').is('.search-navigator-extended-view');
+ return this.$('.coding-rules').is('.coding-rules-extended-view');
}
});
-<div class="coding-rules search-navigator sticky">
- <div class="search-navigator-side">
- <div class="search-navigator-filters"></div>
- <div class="search-navigator-facets"></div>
+<div class="layout-page coding-rules">
+ <div class="layout-page-side-outer">
+ <div class="layout-page-side">
+ <div class="layout-page-side-inner">
+ <div class="layout-page-filters">
+ </div>
+ </div>
+ </div>
</div>
- <div class="search-navigator-workspace">
- <div class="search-navigator-workspace-header"></div>
- <div class="search-navigator-workspace-list"></div>
- <div class="search-navigator-workspace-details"></div>
+ <div class="layout-page-main">
+ <div class="layout-page-header-panel layout-page-main-header">
+ <div class="layout-page-header-panel-inner layout-page-main-header-inner">
+ <div class="layout-page-main-inner coding-rules-header"></div>
+ </div>
+ </div>
+ <div class="layout-page-main-inner coding-rules-list"></div>
+ <div class="layout-page-main-inner coding-rules-details"></div>
</div>
</div>
@import (reference) '../init/links';
@import (reference) '../components/ui';
-@facetsHeight: 36px;
-
-.coding-rules-page {
- .navigator-facets {
- min-height: 3 * @facetsHeight;
- }
-
- .navigator-results .spinner {
- margin: @navigatorPadding;
- }
-
- .navigator-results .line-right {
- margin-top: -14px;
- float: none;
- text-align: right;
- }
-
- .navigator-results-list .line {
- padding-top: 3px;
- padding-bottom: 3px;
+.coding-rules-extended-view {
+ .coding-rules-list {
+ display: none;
}
- .navigator-results-list .line + .line {
- padding-top: 0;
- }
-
- .navigator-results-list .line-small {
- color: @secondFontColor;
- }
-}
-
-.navigator-filter-query {
- min-width: 40em;
- padding: 0 5px;
-
- input {
- height: 80%;
- width: 100%;
- font-size: @baseFontSize;
- vertical-align: middle;
- vertical-align: -webkit-baseline-middle;
+ .coding-rules-details {
+ display: block;
}
}
.coding-rules-detail-title {
position: relative;
+ display: inline-block;
+ margin: 16px 0;
font-size: @bigFontSize;
font-weight: 400;
}
-.coding-rules-detail-title,
-.coding-rules-detail-actions {
- margin: 16px 0;
-}
-
-.coding-rules-detail-title {
- display: inline-block;
-}
-
-.coding-rules-detail-title-first {
- margin-top: 6px;
-}
-
-.coding-rules-detail-context {
- margin-bottom: @navigatorPadding;
- padding: @navigatorPadding / 2;
- border: 1px solid @contextBorder;
- background-color: @contextBackground;
-
- .coding-rules-detail-quality-profile {
- margin-left: 0;
- }
- .coding-rules-detail-quality-profile-name,
- .coding-rules-detail-quality-profile-severity,
- .coding-rules-detail-quality-profile-parameters,
- .coding-rules-detail-quality-profile-actions {
- vertical-align: top;
- }
- .coding-rules-detail-quality-profile-name,
- .coding-rules-detail-quality-profile-severity {
- width: 1px;
- padding-right: @navigatorPadding;
- white-space: nowrap;
- }
-
- .coding-rules-detail-quality-profile-parameter {
- display: table-cell;
- }
-}
-
.coding-rules-detail-quality-profile-parameter {
display: block;
height: 100%;
margin-top: 0;
}
-.coding-rules-detail-context-actions {
- padding: @navigatorPadding / 2;
- background-color: @contextBackground;
- border: 1px solid @contextBorder;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-.coding-rules-detail-context-actions-quality-profile {
- vertical-align: middle;
- margin-right: @navigatorPadding;
- font-weight: bold;
-}
-
-.coding-rules-detail-context-actions-item {
- display: inline-block;
- vertical-align: middle;
- margin-right: @navigatorPadding;
-
- .limited {
- display: inline-block;
- vertical-align: middle;
- max-width: 180px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .limited-big {
- max-width: 480px;
- }
-}
-
.coding-rules-detail-properties {
margin: @navigatorPadding 0;
font-size: 0;
}
}
-.coding-rules-subcharacteristic {
- cursor: pointer;
-}
-
-.coding-rules-debt-popup {
- h3 {
- display: inline;
- }
-}
-
.coding-rules-detail-tag + .coding-rules-detail-tag {
margin-left: @navigatorPadding;
}
margin: @navigatorPadding 0 @navigatorPadding * 2;
}
-.coding-rules-detail-parameter {
-}
-
.coding-rules-detail-parameter-name {
width: 1px;
vertical-align: top;
word-break: break-all;
}
-.coding-rules-detail-parameter-details {
- display: inline-block;
- font-size: @baseFontSize;
- padding-left: 5px;
-}
-
-.coding-rules-detail-parameter-original {
- margin-left: @navigatorPadding;
- font-size: @smallFontSize;
-}
-
// Quality Profiles
-.coding-rules-detail-quality-profiles-section {
-}
-
-.coding-rules-detail-quality-profiles-header {
- margin-top: 3 * @navigatorPadding;
-}
.coding-rules-detail-quality-profiles,
.coding-rules-detail-list {
margin-left: @navigatorPadding;
}
-.coding-rules-detail-quality-profiles-template-caption {
- margin-bottom: @navigatorPadding;
-}
-
// Bulk Change
-.coding-rules-bulk-change-dropdown {
- position: absolute;
- z-index: @dropdown-menu-z-index;
- width: 200px;
- border: 1px solid @barBorderColor;
- box-sizing: border-box;
- box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
- background-color: #fff;
-}
-
-.coding-rules-bulk-change-dropdown-link {
- display: block;
- max-width: 190px;
- height: 30px;
- line-height: 30px;
- padding: 0 @navigatorPadding;
- font-size: @smallFontSize;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- .link-no-underline;
- transition: all 0.2s ease;
-
- &:hover {
- background-color: @barBackgroundColor;
- }
-
- strong {
- font-weight: bold;
- }
-}
-
input.coding-rules-name-key {
width: 100%;
}
margin-bottom: 4px;
}
-.coding-rules-modal .property {
- input,
- textarea {
- width: 100%;
- }
-}
-
-.coding-rules-subcharacteristic-more {
- display: none;
-}
-
-.coding-rules-list-tags {
- display: inline-block;
- vertical-align: top;
- max-width: 50%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-
- .icon-tags:before {
- font-size: 12px;
- }
-}
-
.coding-rules-most-violated-projects {
td {
border-top-color: transparent;
projects / sonarqube.git / commitdiff