Commit 1f3d98fd authored by Jacques's avatar Jacques

Fix minor cosmetic issues on the rafactored blob

Fixed some minor styling issues on the refactored blob viewer
parent b0e34aef
...@@ -245,7 +245,7 @@ export default { ...@@ -245,7 +245,7 @@ export default {
<template> <template>
<div> <div>
<gl-loading-icon v-if="isLoading" size="sm" /> <gl-loading-icon v-if="isLoading" size="sm" />
<div v-if="blobInfo && !isLoading" class="file-holder"> <div v-if="blobInfo && !isLoading" class="file-holder gl-overflow-hidden">
<blob-header <blob-header
:blob="blobInfo" :blob="blobInfo"
:hide-viewer-switcher="!hasRichViewer || isBinaryFileType || isUsingLfs" :hide-viewer-switcher="!hasRichViewer || isBinaryFileType || isUsingLfs"
......
...@@ -51,7 +51,7 @@ export default { ...@@ -51,7 +51,7 @@ export default {
<template> <template>
<div> <div>
<div class="file-content code js-syntax-highlight" :class="$options.userColorScheme"> <div class="file-content code js-syntax-highlight" :class="$options.userColorScheme">
<div v-if="!hideLineNumbers" class="line-numbers"> <div v-if="!hideLineNumbers" class="line-numbers gl-pt-0!">
<a <a
v-for="line in lineNumbers" v-for="line in lineNumbers"
:id="`L${line}`" :id="`L${line}`"
...@@ -67,7 +67,7 @@ export default { ...@@ -67,7 +67,7 @@ export default {
</div> </div>
<div class="blob-content"> <div class="blob-content">
<pre <pre
class="code highlight" class="code highlight gl-p-0! gl-display-flex"
><code v-safe-html="content" :data-blob-hash="blobHash"></code></pre> ><code v-safe-html="content" :data-blob-hash="blobHash"></code></pre>
</div> </div>
</div> </div>
......
...@@ -116,13 +116,13 @@ export default { ...@@ -116,13 +116,13 @@ export default {
</script> </script>
<template> <template>
<div <div
class="file-content code js-syntax-highlight blob-content" class="file-content code js-syntax-highlight blob-content gl-display-flex"
:class="$options.userColorScheme" :class="$options.userColorScheme"
data-type="simple" data-type="simple"
data-qa-selector="blob_viewer_file_content" data-qa-selector="blob_viewer_file_content"
> >
<line-numbers :lines="lineNumbers" /> <line-numbers :lines="lineNumbers" />
<pre class="code"><code v-safe-html="highlightedContent"></code> <pre class="code gl-pb-0!"><code v-safe-html="highlightedContent"></code>
</pre> </pre>
</div> </div>
</template> </template>
...@@ -6,7 +6,7 @@ exports[`Blob Simple Viewer component rendering matches the snapshot 1`] = ` ...@@ -6,7 +6,7 @@ exports[`Blob Simple Viewer component rendering matches the snapshot 1`] = `
class="file-content code js-syntax-highlight" class="file-content code js-syntax-highlight"
> >
<div <div
class="line-numbers" class="line-numbers gl-pt-0!"
> >
<a <a
class="diff-line-num js-line-number" class="diff-line-num js-line-number"
...@@ -56,7 +56,7 @@ exports[`Blob Simple Viewer component rendering matches the snapshot 1`] = ` ...@@ -56,7 +56,7 @@ exports[`Blob Simple Viewer component rendering matches the snapshot 1`] = `
class="blob-content" class="blob-content"
> >
<pre <pre
class="code highlight" class="code highlight gl-p-0! gl-display-flex"
> >
<code <code
data-blob-hash="foo-bar" data-blob-hash="foo-bar"
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment