diff options
author | Phil Hughes <me@iamphill.com> | 2017-05-31 14:34:54 +0300 |
---|---|---|
committer | Phil Hughes <me@iamphill.com> | 2017-05-31 14:34:54 +0300 |
commit | f452c1aa7ddb13958502422769dc20a9a8e160fa (patch) | |
tree | 0496fdc141096064dc775e37a27f33c21ad0efa5 /app/assets/stylesheets/pages/boards.scss | |
parent | 8039b9c3c6caedc19e0e44d086a007e8975134b7 (diff) |
Expand/collapse close & backlog lists in issue boards
The closed & backlog lists in issue boards are no collapsible. They can
be collapsed independently of each other & this selection is then saved
to the browser through localStorage. When the page loads, the code gets
the data from localStorage & determines whether to show or hide the list
Closes #23917
Diffstat (limited to 'app/assets/stylesheets/pages/boards.scss')
-rw-r--r-- | app/assets/stylesheets/pages/boards.scss | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/app/assets/stylesheets/pages/boards.scss b/app/assets/stylesheets/pages/boards.scss index ebe662136d5..64bd2ee10fa 100644 --- a/app/assets/stylesheets/pages/boards.scss +++ b/app/assets/stylesheets/pages/boards.scss @@ -96,9 +96,51 @@ @media (min-width: $screen-sm-min) { width: 400px; } + + &.is-expandable { + .board-header { + cursor: pointer; + } + } + + &.is-collapsed { + width: 60px; + + .board-header { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + .board-title { + position: initial; + padding: 0; + border-bottom: 0; + + > span { + display: block; + transform: rotate(90deg) translate(25px, 0); + } + } + + .board-title-expandable-toggle { + position: absolute; + top: 50%; + left: 50%; + margin-left: -10px; + } + + .board-list-component, + .board-issue-count-holder { + display: none; + } + } } .board-inner { + position: relative; height: 100%; font-size: $issue-boards-font-size; background: $gray-light; |