Defect #21775 » 0001-Add-responsive-behaviour-to-subtasks-and-related-iss.patch
| public/stylesheets/responsive.css | ||
|---|---|---|
| 688 | 688 |
span#watchers_inputs {
|
| 689 | 689 |
width: 100%; |
| 690 | 690 |
} |
| 691 | ||
| 692 |
/* subtasks and related issues list on issue show */ |
|
| 693 |
#issue_tree .issues, #relations .issues {
|
|
| 694 |
border-collapse: separate; |
|
| 695 |
border-spacing: 0 1em; /* vertical space between tasks */ |
|
| 696 |
} |
|
| 697 | ||
| 698 |
#issue_tree .issue > td:not(.checkbox), #relations .issue > td:not(.checkbox) {
|
|
| 699 |
display: block; |
|
| 700 |
float: left; |
|
| 701 |
text-align: left; |
|
| 702 |
padding-right: 5px; |
|
| 703 |
} |
|
| 704 | ||
| 705 |
#issue_tree .issue > td, #relations .issue > td, #issue_tree .issue .user {
|
|
| 706 |
text-overflow: ellipsis; /* if text exceeds its space, add ... */ |
|
| 707 |
overflow: hidden; |
|
| 708 |
} |
|
| 709 | ||
| 710 |
#issue_tree .issue > td.subject, #relations .issue > td.subject {
|
|
| 711 |
width: 100% !important; /* let subject have one full width column */ |
|
| 712 |
} |
|
| 713 | ||
| 714 |
#issue_tree .issue > td:not(.checkbox), #relations .issue > td:not(.checkbox) {
|
|
| 715 |
width: 33.33%; /* three columns for all cells that are not subject */ |
|
| 716 |
} |
|
| 717 | ||
| 718 |
#relations .issues, #relations .issue {
|
|
| 719 |
position: relative; /* needed for .buttons positioning */ |
|
| 720 |
} |
|
| 721 | ||
| 722 |
/* positioniong of unline button */ |
|
| 723 |
#relations .issue > td.buttons {
|
|
| 724 |
text-align: right; |
|
| 725 |
position: absolute; |
|
| 726 |
right: 0; |
|
| 727 |
margin: 0; |
|
| 728 |
padding-right: 0; |
|
| 729 |
} |
|
| 730 | ||
| 731 |
#relations .issue .buttons a {
|
|
| 732 |
vertical-align: middle; |
|
| 733 |
padding-right: 5px; |
|
| 734 |
} |
|
| 735 | ||
| 736 |
#relations .issue > td.subject {
|
|
| 737 |
padding-right: 25px; /* this is the spaces that .buttons uses next to subject */ |
|
| 738 |
} |
|
| 691 | 739 |
} |
| 692 | 740 | |
| 693 | 741 |
@media all and (max-width: 599px) {
|