Project

General

Profile

Defect #21775 » 0001-Add-responsive-behaviour-to-subtasks-and-related-iss.patch

Felix Gliesche, 2016-01-21 16:52

View differences:

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) {
(4-4/5)