diff options
| author | Eric Eastwood <contact@ericeastwood.com> | 2017-05-25 07:32:37 +0300 |
|---|---|---|
| committer | Eric Eastwood <contact@ericeastwood.com> | 2017-05-26 22:10:52 +0300 |
| commit | ea504a71adc11bc0608d471b78e90e5d74648692 (patch) | |
| tree | 9591c7f2f46be1cca5bb34e69808824b90a4970a /app/assets/stylesheets/framework/notes.scss | |
| parent | 3605e4307ddf373071c0353a066c50fcead01e45 (diff) | |
Apply responsive note styles to parallel diffs
Fix inspired while working on
https://gitlab.com/gitlab-org/gitlab-ce/issues/32801
Diffstat (limited to 'app/assets/stylesheets/framework/notes.scss')
| -rw-r--r-- | app/assets/stylesheets/framework/notes.scss | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/notes.scss b/app/assets/stylesheets/framework/notes.scss new file mode 100644 index 00000000000..d349e3fad9c --- /dev/null +++ b/app/assets/stylesheets/framework/notes.scss @@ -0,0 +1,14 @@ +@mixin notes-media($condition, $breakpoint-width) { + @media (#{$condition}-width: ($breakpoint-width)) { + @content; + } + + // Diff is side by side + .notes_content.parallel & { + // We hide at double what we normally hide at because + // there are two columns of notes + @media (#{$condition}-width: (2 * $breakpoint-width)) { + @content; + } + } +} |