From 9c3afb2207d63f7a151099ac726b957c5c4bb12d Mon Sep 17 00:00:00 2001 From: Felix Gliesche Date: Thu, 21 Jan 2016 16:27:00 +0100 Subject: [PATCH] Add responsive behaviour to subtasks and related issues --- public/stylesheets/responsive.css | 48 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) diff --git a/public/stylesheets/responsive.css b/public/stylesheets/responsive.css index 981850c..4f791e0 100644 --- a/public/stylesheets/responsive.css +++ b/public/stylesheets/responsive.css @@ -688,6 +688,54 @@ span#watchers_inputs { width: 100%; } + + /* subtasks and related issues list on issue show */ + #issue_tree .issues, #relations .issues { + border-collapse: separate; + border-spacing: 0 1em; /* vertical space between tasks */ + } + + #issue_tree .issue > td:not(.checkbox), #relations .issue > td:not(.checkbox) { + display: block; + float: left; + text-align: left; + padding-right: 5px; + } + + #issue_tree .issue > td, #relations .issue > td, #issue_tree .issue .user { + text-overflow: ellipsis; /* if text exceeds its space, add ... */ + overflow: hidden; + } + + #issue_tree .issue > td.subject, #relations .issue > td.subject { + width: 100% !important; /* let subject have one full width column */ + } + + #issue_tree .issue > td:not(.checkbox), #relations .issue > td:not(.checkbox) { + width: 33.33%; /* three columns for all cells that are not subject */ + } + + #relations .issues, #relations .issue { + position: relative; /* needed for .buttons positioning */ + } + + /* positioniong of unline button */ + #relations .issue > td.buttons { + text-align: right; + position: absolute; + right: 0; + margin: 0; + padding-right: 0; + } + + #relations .issue .buttons a { + vertical-align: middle; + padding-right: 5px; + } + + #relations .issue > td.subject { + padding-right: 25px; /* this is the spaces that .buttons uses next to subject */ + } } @media all and (max-width: 599px) { -- 2.3.8 (Apple Git-58)