TheDude
/
openproject
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
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.
24298 Commits
139 Branches
203 Tags
1.2 GiB
Tag: Branch: Tree: b9e22bc8b0
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'b9e22bc8b0'
${ noResults }
openproject/app/assets/stylesheets/content/_work_packages_table.lsg

168 lines
4.5 KiB
Raw Normal View History Unescape

Add styles for work package table - added styles for work packages tables
11 years ago
# Work packages table
Living Style Guide: Document wp table w/no results Signed-off-by: Alex Coles <alex@alexbcoles.com>
10 years ago
## with work packages
Add styles for work package table - added styles for work packages tables
11 years ago
```
specify interactive-table to be used on table tag only It was formerly used on the container elements as well which looked to be ok on first glance but failed to calculate the table width correctly.
9 years ago
<div class="generic-table--container work-package-table--container">
generalize work package table dom even more The only thing that remains to be specific is the "work-package-table--container" class as the beginning of the element block. With it, it should be possible to later on apply specific styles to the work packages table again
9 years ago
<div class="generic-table--results-container">
specify interactive-table to be used on table tag only It was formerly used on the container elements as well which looked to be ok on first glance but failed to calculate the table width correctly.
9 years ago
<table class="generic-table" interactive-table>
extraxt column highlighting into own directive The directive is usable for every table and is used right away by the work packages table.
9 years ago
<colgroup>
<col highlight-col>
<col highlight-col>
<col highlight-col>
<col highlight-col>
<col highlight-col>
</colgroup>
Living Style Guide: Bring wp table docs up-to-date [ci skip] Signed-off-by: Alex Coles <alex@alexbcoles.com>
10 years ago
<thead>
<tr>
<th>
generalize work package table dom even more The only thing that remains to be specific is the "work-package-table--container" class as the beginning of the element block. With it, it should be possible to later on apply specific styles to the work packages table again
9 years ago
<div class="generic-table--header-outer">
Living Style Guide: Bring wp table docs up-to-date [ci skip] Signed-off-by: Alex Coles <alex@alexbcoles.com>
10 years ago
<input type="checkbox">
</div>
</th>
<th>
generalize work package table dom even more The only thing that remains to be specific is the "work-package-table--container" class as the beginning of the element block. With it, it should be possible to later on apply specific styles to the work packages table again
9 years ago
<div class="generic-table--sort-header-outer">
<span class="generic-table--sort-header">
Living Style Guide: Bring wp table docs up-to-date [ci skip] Signed-off-by: Alex Coles <alex@alexbcoles.com>
10 years ago
#
<span class="icon-context icon-button icon-pulldown-arrow1 dropdown-indicator"></span>
</span>
</div>
</th>
<th class="active-column">
generalize work package table dom even more The only thing that remains to be specific is the "work-package-table--container" class as the beginning of the element block. With it, it should be possible to later on apply specific styles to the work packages table again
9 years ago
<div class="generic-table--sort-header-outer">
<span class="generic-table--sort-header">
Living Style Guide: Bring wp table docs up-to-date [ci skip] Signed-off-by: Alex Coles <alex@alexbcoles.com>
10 years ago
Subject
<span class="icon-context icon-button icon-pulldown-arrow1 dropdown-indicator"></span>
</span>
</div>
</th>
<th>
generalize work package table dom even more The only thing that remains to be specific is the "work-package-table--container" class as the beginning of the element block. With it, it should be possible to later on apply specific styles to the work packages table again
9 years ago
<div class="generic-table--sort-header-outer">
<span class="generic-table--sort-header">
Living Style Guide: Bring wp table docs up-to-date [ci skip] Signed-off-by: Alex Coles <alex@alexbcoles.com>
10 years ago
Type
<span class="icon-context icon-button icon-pulldown-arrow1 dropdown-indicator"></span>
</span>
</div>
</th>
<th>
generalize work package table dom even more The only thing that remains to be specific is the "work-package-table--container" class as the beginning of the element block. With it, it should be possible to later on apply specific styles to the work packages table again
9 years ago
<div class="generic-table--sort-header-outer">
<span class="generic-table--sort-header">
Living Style Guide: Bring wp table docs up-to-date [ci skip] Signed-off-by: Alex Coles <alex@alexbcoles.com>
10 years ago
Status
<span class="icon-context icon-button icon-pulldown-arrow1 dropdown-indicator"></span>
</span>
</div>
</th>
<th>
generalize work package table dom even more The only thing that remains to be specific is the "work-package-table--container" class as the beginning of the element block. With it, it should be possible to later on apply specific styles to the work packages table again
9 years ago
<div class="generic-table--sort-header-outer">
<span class="generic-table--sort-header">
Living Style Guide: Bring wp table docs up-to-date [ci skip] Signed-off-by: Alex Coles <alex@alexbcoles.com>
10 years ago
Priority
<span class="icon-context icon-button icon-pulldown-arrow1 dropdown-indicator"></span>
</span>
</div>
</th>
<th>
generalize work package table dom even more The only thing that remains to be specific is the "work-package-table--container" class as the beginning of the element block. With it, it should be possible to later on apply specific styles to the work packages table again
9 years ago
<div class="generic-table--sort-header-outer">
<span class="generic-table--sort-header">
Living Style Guide: Bring wp table docs up-to-date [ci skip] Signed-off-by: Alex Coles <alex@alexbcoles.com>
10 years ago
Assignee
<span class="icon-context icon-button icon-pulldown-arrow1 dropdown-indicator"></span>
</span>
</div>
</th>
</tr>
</thead>
<tbody>
<tr>
<td class="checkbox">
<p><input type="checkbox"></p>
</td>
<td class="id">
<p>1234</p>
</td>
<td>
<p>Lorem ipsum</p>
</td>
<td>
<p>User Story</p>
<div class="active-column"></div>
</td>
<td>
<p>In Progress</p>
</td>
<td>
<p>Normal</p>
</td>
<td>
<p>John Doe</p>
</td>
</tr>
<tr>
<td class="checkbox">
<p><input type="checkbox"></p>
</td>
<td class="id">
<p>1234</p>
</td>
<td>
<p>Lorem ipsum</p>
</td>
<td>
<p>User Story</p>
<div class="active-column"></div>
</td>
<td>
<p>In Progress</p>
</td>
<td>
<p>Normal</p>
</td>
<td>
<p>John Doe</p>
</td>
</tr>
<tr>
<td class="checkbox">
<p><input type="checkbox"></p>
</td>
<td class="id">
<p>1234</p>
</td>
<td>
<p>Lorem ipsum</p>
</td>
<td>
<p>User Story</p>
<div class="active-column"></div>
</td>
<td>
<p>In Progress</p>
</td>
<td>
<p>Normal</p>
</td>
<td>
<p>John Doe</p>
</td>
</tr>
</tbody>
</table>
generalize work package table dom even more The only thing that remains to be specific is the "work-package-table--container" class as the beginning of the element block. With it, it should be possible to later on apply specific styles to the work packages table again
9 years ago
<div class="generic-table--header-background"></div>
Living Style Guide: Bring wp table docs up-to-date [ci skip] Signed-off-by: Alex Coles <alex@alexbcoles.com>
10 years ago
</div>
</div>
Add styles for work package table - added styles for work packages tables
11 years ago
```
Living Style Guide: Document wp table w/no results Signed-off-by: Alex Coles <alex@alexbcoles.com>
10 years ago
## with no work packages
```
generalize work package table dom even more The only thing that remains to be specific is the "work-package-table--container" class as the beginning of the element block. With it, it should be possible to later on apply specific styles to the work packages table again
9 years ago
<div class="generic-table--container work-package-table--container" style="height:150px">
<div class="generic-table--no-results-container">
<h2 class="generic-table--no-results-title">
Living Style Guide: Document wp table w/no results Signed-off-by: Alex Coles <alex@alexbcoles.com>
10 years ago
<i class="icon-info"></i>
No work packages to display
</h2>
generalize work package table dom even more The only thing that remains to be specific is the "work-package-table--container" class as the beginning of the element block. With it, it should be possible to later on apply specific styles to the work packages table again
9 years ago
<div class="generic-table--no-results-description">
Living Style Guide: Document wp table w/no results Signed-off-by: Alex Coles <alex@alexbcoles.com>
10 years ago
<p>Either none have been created or all work packages are filtered out.</p>
</div>
</div>
</div>
```