OpenProject is the leading open source project management software.
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.
 
 
 
 
 
 
openproject/app/assets/stylesheets/content/_tables.sass

379 lines
8.1 KiB

//-- copyright
// OpenProject is a project management system.
// Copyright (C) 2012-2015 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-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 doc/COPYRIGHT.rdoc for more details.
//++
table
&.list
border: 1px solid #e4e4e4
border-collapse: collapse
width: 100%
margin-bottom: 4px
th
background-color: #E6E6E6
padding: 4px
white-space: nowrap
td
vertical-align: middle
&.id
width: 2%
text-align: center
&.checkbox
width: 15px
padding: 2px 0 0 0
input
padding: 0
&.buttons
width: 15%
white-space: nowrap
text-align: right
a
padding-right: 0.6em
.form--text-field, .form--select, .form--text-area
margin-bottom: 0
caption
text-align: left
padding: 0.5em 0.5em 0.5em 0
tr
&.project
td.name a
white-space: nowrap
&.idnt td.name span
background: image-url("bullet_arrow_right.png") no-repeat 0 50%
padding-left: 16px
&.idnt-1 td.name
padding-left: 0.5em
&.idnt-2 td.name
padding-left: 2em
&.idnt-3 td.name
padding-left: 3.5em
&.idnt-4 td.name
padding-left: 5em
&.idnt-5 td.name
padding-left: 6.5em
&.idnt-6 td.name
padding-left: 8em
&.idnt-7 td.name
padding-left: 9.5em
&.idnt-8 td.name
padding-left: 11em
&.idnt-9 td.name
padding-left: 12.5em
&.issue
white-space: nowrap
&.sum
font-weight: bold
background-color: #f6f7f8
td
&.category
white-space: normal
td.assigned_to
white-space: normal
tr.issue
td
&.subject
text-align: left
&.idnt td.subject a
background: image-url("bullet_arrow_right.png") no-repeat 0 50%
padding-left: 16px
#content tr.issue
&.idnt-1 td.subject
padding-left: 0.5em
&.idnt-2 td.subject
padding-left: 2em
&.idnt-3 td.subject
padding-left: 3.5em
&.idnt-4 td.subject
padding-left: 5em
&.idnt-5 td.subject
padding-left: 6.5em
&.idnt-6 td.subject
padding-left: 8em
&.idnt-7 td.subject
padding-left: 9.5em
&.idnt-8 td.subject
padding-left: 11em
&.idnt-9 td.subject
padding-left: 12.5em
/* Work Package hierarchy layout
tr
&.work-package
text-align: center
white-space: nowrap
&.sum
font-weight: bold
td.subject
white-space: normal
&.issue td.category
white-space: normal
td.assigned_to
white-space: normal
tr.work-package
td
&.subject
text-align: left
&.done_ratio table.progress
margin-left: auto
margin-right: auto
&.idnt td.subject a
background: image-url("bullet_arrow_right.png") no-repeat 0 50%
padding-left: 16px
#content tr.work-package
&.idnt-1 td.subject
padding-left: 0.5em
&.idnt-2 td.subject
padding-left: 2em
&.idnt-3 td.subject
padding-left: 3.5em
&.idnt-4 td.subject
padding-left: 5em
&.idnt-5 td.subject
padding-left: 6.5em
&.idnt-6 td.subject
padding-left: 8em
&.idnt-7 td.subject
padding-left: 9.5em
&.idnt-8 td.subject
padding-left: 11em
&.idnt-9 td.subject
padding-left: 12.5em
tr
&.entry
border: 1px solid #f8f8f8
td
white-space: nowrap
&.filename
width: 30%
&.size
text-align: right
font-size: 90%
&.revision, &.author
text-align: center
&.age
text-align: right
div.expander
cursor: pointer
float: left
&.open span .expand, &.closed span .collapse
display: none
&.changeset td
&.author, &.committed_on
text-align: center
width: 15%
table
&.files tr.file td
text-align: center
&.filename
text-align: left
padding-left: 24px
&.digest
font-size: 80%
&.members td.roles, &.memberships td.roles
width: 45%
tr
&.message
height: 2.6em
td
&.created_on, &.last_message
white-space: nowrap
&.version
td
&.closed
text-decoration: line-through
a
text-decoration: line-through
&.name
padding-left: 20px
&.shared td.name
background: image-url("link.png") no-repeat 0% 70%
td
&.date, &.status, &.sharing
text-align: left
white-space: nowrap
&.user
td
width: 13%
&.email
width: 18%
white-space: nowrap
&.locked, &.registered, &.locked a, &.registered a
color: #aaa
&.wiki-page-version td
&.updated_on, &.author
text-align: center
&.time-entry
text-align: center
white-space: nowrap
td
&.subject, &.comments
text-align: left
white-space: normal
td.hours
text-align: right
font-weight: bold
padding-right: 0.5em
.hours-dec
font-size: 0.9em
table
&.plugins
td
vertical-align: middle
&.configure
text-align: right
padding-right: 1em
span
&.name
font-weight: bold
display: block
margin-bottom: 6px
&.description, &.url
display: block
font-size: 0.9em
&.list tbody tr.group
td
padding: 0.8em 0 0.5em 0.3em
font-weight: bold
border-bottom: 1px solid #ccc
span.count
color: #aaa
font-size: 80%
tr.group
a.toggle-all
color: #aaa
font-size: 80%
font-weight: normal
display: inline
visibility: hidden
&:hover a.toggle-all
visibility: visible
a.toggle-all:hover
text-decoration: none
table
&.list
tbody tr:hover, tr.keyboard_hover
background-color: #ffff99 !important
tbody tr.group:hover, tr.group.keyboard_hover
background-color: inherit !important
td
padding: 3px 6px
p
margin: 0
&.attributes
width: 100%
th
vertical-align: top
text-align: left
td
vertical-align: top
td.center, th.center
text-align: center
#issue_tree
table.issues
border: 0
td.checkbox
display: none
th.hidden
display: none
table#time-report
td.hours
text-align: right
padding-right: 0.5em
th
&.period, &.total
text-align: right
padding-right: 0.5em
tbody tr
font-style: italic
color: #333
&.last-level
font-style: normal
color: #555
&.total
font-style: normal
font-weight: bold
color: #555
background-color: #EEEEEE
.hours-dec
font-size: 0.9em
#content table
&.issues
width: 100%
&.issues td
border: 0 none
padding: 3px 6px
text-align: left
position: relative
vertical-align: top
th
a:hover
&.current-sort
background: white image-url("gradient-up.png") repeat-x
a
background: image-url("sort_desc.png") no-repeat right center
padding-right: 16px
display: block
tr
&.odd
background-color: white
&.even
background-color: #f6f7f8
&:hover
background-color: #FFD
&.odd:hover
background-color: #FFD
&.context-menu-selection
background-color: #FFFFB2
&:hover
background-color: #FFFFB2
td
&.issue
background: image-url("arrow-bottom-right.png") no-repeat right bottom
width: 42px
cursor: context-menu
&.updated
width: 80px