diff options
4 files changed, 17 insertions, 41 deletions
diff --git a/server/sonar-web/src/main/js/apps/code/components/Code.js b/server/sonar-web/src/main/js/apps/code/components/Code.js index b8f63763f72..16ea3bd1767 100644 --- a/server/sonar-web/src/main/js/apps/code/components/Code.js +++ b/server/sonar-web/src/main/js/apps/code/components/Code.js @@ -76,7 +76,7 @@ class Code extends Component { const componentsClassName = classNames('spacer-top', { 'new-loading': fetching }); return ( - <div className="page"> + <div className="page page-limited"> <header className="page-header"> <Search component={this.props.component}/> diff --git a/server/sonar-web/src/main/js/apps/overview/components/EmptyOverview.js b/server/sonar-web/src/main/js/apps/overview/components/EmptyOverview.js index f105f9747b1..b39005a49e5 100644 --- a/server/sonar-web/src/main/js/apps/overview/components/EmptyOverview.js +++ b/server/sonar-web/src/main/js/apps/overview/components/EmptyOverview.js @@ -23,7 +23,7 @@ import { translate } from '../../../helpers/l10n'; export default function EmptyOverview ({ component }) { return ( - <div className="page"> + <div className="page page-limited"> <div className="alert alert-warning"> {translate('provisioning.no_analysis')} </div> diff --git a/server/sonar-web/src/main/js/apps/overview/components/OverviewMain.js b/server/sonar-web/src/main/js/apps/overview/components/OverviewMain.js index 69f91857d21..015c3cde255 100644 --- a/server/sonar-web/src/main/js/apps/overview/components/OverviewMain.js +++ b/server/sonar-web/src/main/js/apps/overview/components/OverviewMain.js @@ -25,12 +25,14 @@ import Meta from './Meta'; export default function OverviewMain (props) { return ( - <div className="overview"> - <div className="overview-main"> - <Gate component={props.component} gate={props.gate}/> - <GeneralMain {...props}/> + <div className="page page-limited"> + <div className="overview"> + <div className="overview-main"> + <Gate component={props.component} gate={props.gate}/> + <GeneralMain {...props}/> + </div> + <Meta component={props.component}/> </div> - <Meta component={props.component}/> </div> ); } diff --git a/server/sonar-web/src/main/less/pages/overview.less b/server/sonar-web/src/main/less/pages/overview.less index 4970d78111b..0077a237a3a 100644 --- a/server/sonar-web/src/main/less/pages/overview.less +++ b/server/sonar-web/src/main/less/pages/overview.less @@ -24,15 +24,12 @@ .overview { display: flex; - flex-wrap: wrap; - justify-content: space-between; - width: 100%; min-height: ~"calc(100vh - @{navbarGlobalHeight} - @{navbarContextHeight} - @{pageFooterHeight})"; animation: fadeIn 0.5s forwards; } .overview-main { - flex: 4; + flex-grow: 1; box-sizing: border-box; background-color: @barBackgroundColor; transition: transform 0.5s ease, opacity 0.5s ease; @@ -43,14 +40,9 @@ */ .overview-gate { - margin-right: 20px; - padding: 15px 0; + padding-bottom: 15px; border-bottom: 1px solid @barBorderColor; background-color: @barBackgroundColor; - - .overview-title { - margin: 0 20px; - } } .overview-gate-conditions-list { @@ -59,7 +51,7 @@ } .overview-gate-condition { - padding: 10px 20px; + padding: 10px 40px 10px 0; } .overview-gate-condition-value { @@ -105,14 +97,15 @@ */ .overview-meta { - flex: 1; - box-sizing: border-box; + flex-shrink: 0; + width: 260px; + padding-left: 40px; background-color: @barBackgroundColor; } .overview-meta-card { min-width: 200px; - padding: 20px; + padding-bottom: 20px; box-sizing: border-box; } @@ -149,7 +142,7 @@ } .overview-card { - margin: 15px 20px; + margin: 15px 0; } .overview-card-special { @@ -587,25 +580,6 @@ } /* - * Responsive Stuff - */ - -@media (max-width: 1200px) { - .overview { - display: block; - } - - .overview-meta { - display: flex; - justify-content: flex-start; - } - - .overview-meta .overview-meta-card { - width: calc(100% / 3); - } -} - -/* * Animations */ |