diff options
author | winniehell <git@winniehell.de> | 2016-07-09 02:16:43 +0200 |
---|---|---|
committer | winniehell <git@winniehell.de> | 2016-07-21 01:58:21 +0200 |
commit | 51216af5c5e07e26d7b00d01250e560653a07a55 (patch) | |
tree | 985237cd777fad5afed49a5c552e3b3e34a8fcde /app/assets | |
parent | 37f9a3117f94f583b789b23e5b95a685bd522e40 (diff) | |
download | gitlab-ce-51216af5c5e07e26d7b00d01250e560653a07a55.tar.gz |
Add image border in Markdown preview (!5162)
Diffstat (limited to 'app/assets')
-rw-r--r-- | app/assets/stylesheets/framework/markdown_area.scss | 27 | ||||
-rw-r--r-- | app/assets/stylesheets/pages/notes.scss | 23 |
2 files changed, 22 insertions, 28 deletions
diff --git a/app/assets/stylesheets/framework/markdown_area.scss b/app/assets/stylesheets/framework/markdown_area.scss index 5d3273ea64d..96565da1bc9 100644 --- a/app/assets/stylesheets/framework/markdown_area.scss +++ b/app/assets/stylesheets/framework/markdown_area.scss @@ -98,13 +98,30 @@ .md { &.md-preview-holder { - code { - white-space: pre-wrap; - word-break: keep-all; - } - + // Reset ul style types since we're nested inside a ul already @include bulleted-list; } + + // On diffs code should wrap nicely and not overflow + code { + white-space: pre-wrap; + word-break: keep-all; + } + + hr { + // Darken 'whitesmoke' a bit to make it more visible in note bodies + border-color: darken(#f5f5f5, 8%); + margin: 10px 0; + } + + // Border around images in issue and MR comments. + img:not(.emoji) { + border: 1px solid $table-border-gray; + padding: 5px; + margin: 5px 0; + // Ensure that image does not exceed viewport + max-height: calc(100vh - 100px); + } } .toolbar-group { diff --git a/app/assets/stylesheets/pages/notes.scss b/app/assets/stylesheets/pages/notes.scss index ac8c02b59dc..a2b5437e503 100644 --- a/app/assets/stylesheets/pages/notes.scss +++ b/app/assets/stylesheets/pages/notes.scss @@ -91,34 +91,11 @@ ul.notes { // Reset ul style types since we're nested inside a ul already @include bulleted-list; - // On diffs code should wrap nicely and not overflow - code { - white-space: pre-wrap; - } - ul.task-list { ul:not(.task-list) { padding-left: 1.3em; } } - - hr { - // Darken 'whitesmoke' a bit to make it more visible in note bodies - border-color: darken(#f5f5f5, 8%); - margin: 10px 0; - } - - code { - word-break: keep-all; - } - - // Border around images in issue and MR comments. - img:not(.emoji) { - border: 1px solid $table-border-gray; - padding: 5px; - margin: 5px 0; - max-height: calc(100vh - 100px); - } } } |