mirror of
https://github.com/opf/openproject.git
synced 2026-06-14 03:30:14 +00:00
Behrokh Satarnejad
72 lines
2.2 KiB
Sass
72 lines
2.2 KiB
Sass
// -- copyright
|
|
// OpenProject is an open source project management software.
|
|
// Copyright (C) the OpenProject GmbH
|
|
//
|
|
// 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-2013 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 COPYRIGHT and LICENSE files for more details.
|
|
// ++
|
|
|
|
.op-projects-wizard
|
|
display: grid
|
|
height: 100%
|
|
min-height: 0
|
|
grid-template-areas: "sidebar main help"
|
|
grid-template-columns: 300px 1fr 330px
|
|
overflow: hidden
|
|
|
|
&--main
|
|
padding: 0 var(--base-size-16, 1rem)
|
|
|
|
&--sidebar,
|
|
&--help
|
|
border: var(--borderWidth-thin, 1px) solid var(--borderColor-default)
|
|
padding: var(--base-size-16)
|
|
border-radius: var(--borderRadius-medium)
|
|
|
|
&--sidebar,
|
|
&--help,
|
|
&--main
|
|
overflow: auto
|
|
min-height: 0
|
|
|
|
@media screen and (max-width: $breakpoint-xl)
|
|
grid-template-columns: 250px 1fr 200px
|
|
|
|
@media screen and (max-width: $breakpoint-lg)
|
|
grid-template-areas: "sidebar main"
|
|
grid-template-columns: 250px 1fr
|
|
|
|
&--help
|
|
display: none
|
|
|
|
@media screen and (max-width: $breakpoint-md)
|
|
grid-template-columns: 170px 1fr
|
|
|
|
@media screen and (max-width: $breakpoint-sm)
|
|
grid-template-areas: "main"
|
|
grid-template-columns: 1fr
|
|
|
|
&--sidebar,
|
|
&--help
|
|
display: none
|