openproject/app/assets/stylesheets/content/_project_overview.sass

//-- copyright
// OpenProject is a project management system.
// Copyright (C) 2012-2018 the OpenProject Foundation (OPF)
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License version 3.
//
// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
// Copyright (C) 2006-2017 Jean-Philippe Lang
// Copyright (C) 2010-2013 the ChiliProject Team
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// 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 General Public License for more details.
//
// You should have received a copy of the GNU 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.
//
// See docs/COPYRIGHT.rdoc for more details.
//++

.controller-overviews\/overviews
  #content-wrapper,
  #content
    background-color: $grid-background-color

/* Align widget boxes with description above on project overview */
.project-overview
  margin: 0 -10px

/* Legacy styles for my project page plugin version (without widget-box styles) */
#invisible-grid
  #top
    padding: 0 4px

  .container
    margin-bottom: 24px

    > h3:first-child
      margin-bottom: 14px

#visible-grid,
#invisible-grid
  .left,
  .right
    flex: 0 0 50%
    max-width: 50%

  .widget-box
    margin-bottom: 20px
    overflow: auto

    &:last-child
      margin-bottom: 10px


@include breakpoint(680px down)
  #visible-grid .grid-block,
  #invisible-grid .grid-block
    flex-wrap: wrap

    .right,
    .left
      flex: 0 0 100%
      max-width: 100%

    .left
      margin-bottom: 0
Fix mobile view for my page && project overview 8 years ago			`//-- copyright`
			`// OpenProject is a project management system.`
Bump copyright to 2018 (#6171) [ci skip] 7 years ago			`// Copyright (C) 2012-2018 the OpenProject Foundation (OPF)`
Fix mobile view for my page && project overview 8 years ago			`//`
			`// This program is free software; you can redistribute it and/or`
			`// modify it under the terms of the GNU General Public License version 3.`
			`//`
			`// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:`
Update copyright notice 8 years ago			`// Copyright (C) 2006-2017 Jean-Philippe Lang`
Fix mobile view for my page && project overview 8 years ago			`// Copyright (C) 2010-2013 the ChiliProject Team`
			`//`
			`// This program is free software; you can redistribute it and/or`
			`// modify it under the terms of the GNU General Public License`
			`// as published by the Free Software Foundation; either version 2`
			`// 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 General Public License for more details.`
			`//`
			`// You should have received a copy of the GNU 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.`
			`//`
Bump copyright to 2018 (#6171) [ci skip] 7 years ago			`// See docs/COPYRIGHT.rdoc for more details.`
Fix mobile view for my page && project overview 8 years ago			`//++`

New grid layout (#7765) * Set grid background color * Decrease and widen widget title font * Symetric top left margins for widget titles * Widget box shadow instead of border * Remove icons from widget header * Remove white background from mobile toolbar Disclaimer: I don't understand why it had been there in the first place * Change widget titles to uppercase * Remove grid configuration on mobile * Reduce padding for widget cards * Use light gray grid background for homescreen * Remove icons from homescreen widget cards * Reapply widget box header styles to homescreen by generalizing them Before they were trapped in a component's style * Use gray grid-background for my-page, too. * Fix: Remove widget icon input left overs * Unify duplicated styles * Make homescreen desing distinct from dashboard also improve footer slightly slightly by removing box and applying the hover color to the icon, too. * Remove white borders from grid panels for adding widgets * Increase padding top of widget boxes to achieve asymmetric title margins * Unify styles for passive widgets while dragging or resizing [ci skip] 5 years ago			`.controller-overviews\/overviews`
			`#content-wrapper,`
			`#content`
			`background-color: $grid-background-color`

Fix mobile view for my page && project overview 8 years ago			`/* Align widget boxes with description above on project overview */`
			`.project-overview`
			`margin: 0 -10px`

			`/* Legacy styles for my project page plugin version (without widget-box styles) */`
			`#invisible-grid`
			`#top`
			`padding: 0 4px`

			`.container`
			`margin-bottom: 24px`

			`> h3:first-child`
			`margin-bottom: 14px`

			`#visible-grid,`
			`#invisible-grid`
			`.left,`
			`.right`
			`flex: 0 0 50%`
			`max-width: 50%`

			`.widget-box`
			`margin-bottom: 20px`
			`overflow: auto`

			`&:last-child`
			`margin-bottom: 10px`


			`@include breakpoint(680px down)`
			`#visible-grid .grid-block,`
			`#invisible-grid .grid-block`
			`flex-wrap: wrap`

			`.right,`
			`.left`
			`flex: 0 0 100%`
			`max-width: 100%`

			`.left`
			`margin-bottom: 0`