diff --git a/components/Package/CodeBrowser/CodeBrowserFileRow.tsx b/components/Package/CodeBrowser/CodeBrowserFileRow.tsx
index 0f148ff8..90e9bdcd 100644
--- a/components/Package/CodeBrowser/CodeBrowserFileRow.tsx
+++ b/components/Package/CodeBrowser/CodeBrowserFileRow.tsx
@@ -34,9 +34,11 @@ export default function CodeBrowserFileRow({
const rowStyle = [
tw`flex flex-row items-center gap-1.5 px-3 py-[3px] last:mb-20`,
isDirectory && tw`pl-1.5`,
+ warning && {
+ backgroundImage: 'linear-gradient(45deg, transparent 80%, var(--warning-dark-bg) 95%)',
+ },
{ paddingLeft: (isNested ? 6 : 10) + depth * 8 },
];
- const hasTrailingContent = warning != null || isDirectory;
const content = (
<>
@@ -44,6 +46,7 @@ export default function CodeBrowserFileRow({
@@ -68,18 +71,16 @@ export default function CodeBrowserFileRow({
]}>
{label}
- {hasTrailingContent && (
+ {warning && (
- {warning && (
-
-
-
- }>
- {warning.message}
-
- )}
+
+
+
+ }>
+ {warning.message}
+
)}
>
diff --git a/styles/styles.css b/styles/styles.css
index 13630f3f..ac38f1bf 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -64,6 +64,7 @@
--warning-light: #fef7d6;
--warning-dark: #995e00;
--warning-border: #995e0044;
+ --warning-dark-bg: #995e0022;
--error: #ff5555;
--success: #4caf50;
@@ -109,6 +110,7 @@
--warning: #9a720c;
--warning-light: #2f2304;
--warning-border: #9a720c44;
+ --warning-dark-bg: #9a720c16;
--background: #19191f;
--border: var(--accented);
@@ -833,7 +835,6 @@ select {
#codeBrowserList {
background-color: var(--table-alt-row);
scrollbar-color: var(--icon) var(--gray-1);
- scrollbar-gutter: stable;
}
#markdownContentWrapper {
diff --git a/util/codeBrowser.ts b/util/codeBrowser.ts
index acc8ebe5..d15c2622 100644
--- a/util/codeBrowser.ts
+++ b/util/codeBrowser.ts
@@ -40,7 +40,7 @@ export const IMAGE_FILES = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'ico'];
export const FILE_WARNINGS = [
{
- message: 'This file should not be part of the bundle and can be safely ignored.',
+ message: 'This file probably should not be part of the bundle and can be safely ignored.',
fileNames: [
'*.iml',
'*.keystore',
@@ -109,7 +109,7 @@ export const FILE_WARNINGS = [
export const DIRECTORY_WARNINGS = [
{
- message: 'This directory should not be part of the bundle and can be safely ignored.',
+ message: 'This directory probably should not be part of the bundle and can be safely ignored.',
fileNames: [
'.github',
'.gradle',