hendrik/lens
1
0 Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Set scrollbar colors as global styles (#1484)

Browse Source 
* Setting global webkit-scrollbar styles

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Removing usage of custom-scrollbar mixin

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Set overflow:auto on .Table

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fixing .drawer-content paddings

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Cleaning up

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev authored and GitHub committed 2020-11-25 10:25:37 +03:00
1 parent 29ea0c8404
commit 2da598b66e
23 files changed
+51 -144
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/renderer/components/markdown-viewer/markdown-viewer.scss
+3 -7
View File
@@ -4,10 +4,8 @@
line-height: 1.5;
word-wrap: break-word;
&.light {
pre, table {
@include custom-scrollbar(dark);
}
pre, table {
overflow: auto;
}
.pl-c {
@@ -513,7 +511,6 @@
}
table {
@include custom-scrollbar;
border-collapse: collapse;
display: table;
width: 100%;
@@ -581,13 +578,12 @@
.highlight pre,
pre {
@include custom-scrollbar;
padding: 16px;
font-size: 85%;
line-height: 1.45;
background-color: $helmDescriptionPreBackground;
border-radius: 3px;
overflow: auto !important;
overflow: auto;
}
pre code {
src/renderer/components/markdown-viewer/markdown-viewer.tsx
+1 -2
View File
@@ -6,7 +6,6 @@ import React, { Component } from "react";
import marked from "marked";
import DOMPurify from "dompurify";
import { cssNames } from "../../utils";
import { themeStore } from "../../theme.store";
DOMPurify.addHook('afterSanitizeAttributes', function (node) {
// Set all elements owning target to target=_blank
@@ -29,7 +28,7 @@ export class MarkdownViewer extends Component<Props> {
const html = DOMPurify.sanitize(marked(markdown));
return (
<div
className={cssNames("MarkDownViewer", className, themeStore.activeTheme.type)}
className={cssNames("MarkDownViewer", className)}
dangerouslySetInnerHTML={{ __html: html }}
/>
);