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

194 lines
4.5 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.
//++
table
td
padding: 3px 6px
p
margin: 0
&.plugins
td
&.configure
text-align: right
padding-right: 1em
span
&.name
font-weight: bold
&.description, &.url
display: block
font-size: 0.9em
&#time-report
tbody tr
font-style: italic
color: $body-font-color
&.last-level
font-style: normal
&.total
font-style: normal
font-weight: bold
background-color: #EEEEEE
.hours-dec
font-size: 0.9em
&.workflow-table.generic-table
margin-bottom: 16px
overflow-x: hidden
tbody
td
border-bottom: 1px solid $light-gray
&.-no-border
border-bottom: none
border-right: none
&.-border-right
border-right: 1px solid $light-gray
tr
border-bottom: none
&:hover
background: none
td.workflow-table--current-status
font-weight: bold
text-transform: uppercase
font-size: 0.875rem
.icon-context,
.icon
color: $body-font-color
span.workflow-table--turned-header
white-space: nowrap
transform: rotate(270deg)
position: absolute
top: 235px
transform-origin: 0 0
text-transform: uppercase
font-weight: bold
thead
.workflow-table--header
text-align: right
display: flex
span
flex-basis: 50%
.workflow-table--check-all
font-size: 12px
font-style: italic
text-transform: none
a
@include varprop(color, content-link-color)
&:hover
@include varprop(color, content-link-color)
text-decoration: underline
.-border
border-bottom: 1px solid $light-gray
col.hover
background: none
.generic-table--sort-header-outer:hover
background: none
tr
&.issue
white-space: nowrap
&.sum
font-weight: bold
background-color: #f6f7f8
td
&.category
white-space: normal
&.subject
text-align: left
div.expander
cursor: pointer
float: left
margin-top: 0.1rem
&.open span .expand, &.closed span .collapse
display: none
[class*=reorder]
.icon-context:before
padding: 0 0 0 0
&.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
&.icon-link:before
padding: 10px 10px 0 0
td
&.date, &.status, &.sharing
white-space: nowrap
&.user
td
white-space: nowrap
&.locked, &.registered, &.locked a, &.registered a
color: #aaa
td.hours
font-weight: bold
.hours-dec
font-size: 0.9em
th.hidden
display: none
tr.context-menu-selection,
tr.-checked
background-color: $table-row-highlighting-color
#custom-options-table
.custom-option-value
display: inline-block
width: calc(100% - 5rem)
.icon-toggle:before
vertical-align: middle
// Exceptions for summary reports where multiple tables are used in one view.
body.action-report
.generic-table--container
height: auto