kanbanworkflowstimelinescrumrubyroadmapproject-planningproject-managementopenprojectangularissue-trackerifcgantt-chartganttbug-trackerboardsbcf
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
130 lines
3.0 KiB
130 lines
3.0 KiB
//-- copyright
|
|
// OpenProject is a project management system.
|
|
// Copyright (C) 2012-2017 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 doc/COPYRIGHT.rdoc for more details.
|
|
//++
|
|
|
|
html
|
|
min-width: 840px
|
|
&.in_modal
|
|
min-width: 0
|
|
|
|
body
|
|
&%absolute-layout-mode
|
|
overflow:
|
|
x: auto
|
|
y: hidden
|
|
|
|
#wrapper
|
|
@include default-transition
|
|
min-height: 100%
|
|
height: auto
|
|
position: relative
|
|
|
|
#main
|
|
display: flex
|
|
width: 100%
|
|
z-index: 20
|
|
overflow: auto
|
|
padding-bottom: $footer-height
|
|
|
|
%absolute-layout-mode &
|
|
position: absolute
|
|
top: 55px
|
|
height: calc(100% - 55px)
|
|
overflow: visible
|
|
padding-bottom: 5px
|
|
border-bottom-width: 5px
|
|
border-bottom-style: solid
|
|
@include varprop(border-bottom-color, footer-bg-color)
|
|
|
|
#content-wrapper
|
|
&.hidden-navigation
|
|
margin-left: $main-menu-folded-width
|
|
width: calc(100% - #{$main-menu-folded-width})
|
|
|
|
&.nosidebar
|
|
padding: 0
|
|
width: 100%
|
|
margin-left: 0
|
|
|
|
&.nomenus
|
|
top: 0
|
|
padding: 0
|
|
width: 100%
|
|
margin-left: 0
|
|
|
|
&.nomenus
|
|
padding-bottom: 0
|
|
overflow: hidden
|
|
|
|
|
|
#content-wrapper
|
|
@include default-transition
|
|
margin: 0 0 0 0
|
|
padding: 10px 20px
|
|
width: auto
|
|
height: auto
|
|
background-color: #fff
|
|
width: 100%
|
|
// As this is a flex item we need to set min-width to 0 so that its children's
|
|
// overflow settings will be respected.
|
|
min-width: 0
|
|
|
|
%absolute-layout-mode &
|
|
position: absolute
|
|
height: 100%
|
|
width: calc(100% - #{$main-menu-width})
|
|
margin-left: $main-menu-width
|
|
// Needed for Safari
|
|
left: 0
|
|
|
|
&.nosidebar
|
|
margin-left: 0
|
|
padding: 20px 40px
|
|
|
|
&.nomenus
|
|
margin: 0
|
|
padding: 0
|
|
|
|
%absolute-layout-mode &
|
|
width: 100%
|
|
height: 100%
|
|
|
|
|
|
#content
|
|
padding: 0
|
|
margin: 0 0 0 0
|
|
overflow: hidden
|
|
width: 100%
|
|
z-index: 10
|
|
background-color: $body-background
|
|
|
|
%absolute-layout-mode &
|
|
height: 100%
|
|
|
|
|
|
.-draggable
|
|
cursor: move
|
|
|