diff options
author | Eric Eastwood <contact@ericeastwood.com> | 2017-05-24 23:32:37 -0500 |
---|---|---|
committer | Eric Eastwood <contact@ericeastwood.com> | 2017-05-26 14:10:52 -0500 |
commit | ea504a71adc11bc0608d471b78e90e5d74648692 (patch) | |
tree | 9591c7f2f46be1cca5bb34e69808824b90a4970a /app/assets/stylesheets/framework/timeline.scss | |
parent | 3605e4307ddf373071c0353a066c50fcead01e45 (diff) | |
download | gitlab-ce-ea504a71adc11bc0608d471b78e90e5d74648692.tar.gz |
Apply responsive note styles to parallel diffsapply-same-responsive-notes-to-parallel-diff
Fix inspired while working on
https://gitlab.com/gitlab-org/gitlab-ce/issues/32801
Diffstat (limited to 'app/assets/stylesheets/framework/timeline.scss')
-rw-r--r-- | app/assets/stylesheets/framework/timeline.scss | 34 |
1 files changed, 16 insertions, 18 deletions
diff --git a/app/assets/stylesheets/framework/timeline.scss b/app/assets/stylesheets/framework/timeline.scss index ddccfc96819..cec3b54d567 100644 --- a/app/assets/stylesheets/framework/timeline.scss +++ b/app/assets/stylesheets/framework/timeline.scss @@ -3,6 +3,12 @@ margin: 0; padding: 0; + &::before { + @include notes-media('max', $screen-xs-max) { + background: none; + } + } + .system-note { .note-text { color: $gl-text-color !important; @@ -23,6 +29,16 @@ .timeline-entry-inner { position: relative; + + @include notes-media('max', $screen-xs-max) { + .timeline-icon { + display: none; + } + + .timeline-content { + margin-left: 0; + } + } } &:target, @@ -40,24 +56,6 @@ } } -@media (max-width: $screen-xs-max) { - .timeline { - &::before { - background: none; - } - } - - .timeline-entry .timeline-entry-inner { - .timeline-icon { - display: none; - } - - .timeline-content { - margin-left: 0; - } - } -} - .discussion .timeline-entry { margin: 0; border-right: none; |