diff options
| author | Fatih Acet <acetfatih@gmail.com> | 2017-01-06 20:26:13 +0300 |
|---|---|---|
| committer | Fatih Acet <acetfatih@gmail.com> | 2017-01-06 20:26:13 +0300 |
| commit | 22dc35a65cea861e814289619a2871027920a26a (patch) | |
| tree | 87cf49391a744fe334af2b2c44c864c643b88dc6 /app/assets/stylesheets/pages/boards.scss | |
| parent | 57652bf58482dd1b4ac26b5f804d3d4ece6591d8 (diff) | |
| parent | 36fa45e7f6c6b70560e59ad62e330fa6f16ed05b (diff) | |
Merge branch 'issue-boards-animate' into 'master'
Added animations to issue boards
Closes #25630
See merge request !8417
Diffstat (limited to 'app/assets/stylesheets/pages/boards.scss')
| -rw-r--r-- | app/assets/stylesheets/pages/boards.scss | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/app/assets/stylesheets/pages/boards.scss b/app/assets/stylesheets/pages/boards.scss index c18de7b940a..f2d60bff2b5 100644 --- a/app/assets/stylesheets/pages/boards.scss +++ b/app/assets/stylesheets/pages/boards.scss @@ -74,6 +74,7 @@ height: 475px; // Needed for PhantomJS height: calc(100vh - 220px); min-height: 475px; + transition: width .2s; &.is-compact { width: calc(100% - 290px); @@ -338,3 +339,18 @@ } } } + +.right-sidebar.right-sidebar-expanded { + &.boards-sidebar-slide-enter-active, + &.boards-sidebar-slide-leave-active { + transition: width .2s, + padding .2s; + } + + &.boards-sidebar-slide-enter, + &.boards-sidebar-slide-leave-active { + width: 0; + padding-left: 0; + padding-right: 0; + } +} |