minor fixes

Author: RafaelGB

src/DatabaseView.tsx

@@ -120,7 +120,7 @@ export class DatabaseView extends TextFileView implements HoverParent {
       .addItem((item) => {
         item
           .setTitle("Open database settings")
-          .setIcon("gear")
+          .setIcon("dbfolderIcon")
           .onClick(() => {
             new SettingsModal(
               this,

src/components/PaginationTable.tsx

@@ -3,7 +3,8 @@ import ButtonGroup from "@mui/material/ButtonGroup";
 import TextField from "@mui/material/TextField";
 import { PaginationProps } from "cdm/MenuBarModel";
 import React, { useEffect } from "react";
-import { PaginationButtonStyle } from "components/styles/NavBarSearchStyles";
+import { PaginationButtonStyle } from "components/styles/NavBarStyles";
+import { StyleVariables } from "helpers/Constants";
 function PaginationTable(props: PaginationProps) {
   const { table } = props;
   const [page, setPage] = React.useState(1);
@@ -56,6 +57,7 @@ function PaginationTable(props: PaginationProps) {
           type="number"
           InputLabelProps={{
             shrink: true,
+            style: { color: StyleVariables.TEXT_NORMAL },
           }}
           style={{ width: "100px" }}
           InputProps={{

src/components/reducers/GlobalFilter.tsx

@@ -4,7 +4,7 @@ import {
   DebouncedInputWrapper,
   Search,
   SearchIconWrapper,
-} from "components/styles/NavBarSearchStyles";
+} from "components/styles/NavBarStyles";
 import SearchIcon from "@mui/icons-material/Search";
 import DebouncedInput from "components/behavior/DebouncedInputFn";
 

…/components/styles/NavBarSearchStyles.ts src/components/styles/NavBarStyles.tssrc/components/styles/NavBarSearchStyles.ts renamed to src/components/styles/NavBarStyles.ts src/components/styles/NavBarSearchStyles.ts renamed to src/components/styles/NavBarStyles.ts

@@ -7,6 +7,7 @@ import {
 	ViewState,
 	Platform,
 	MarkdownView,
+	addIcon,
 } from 'obsidian';
 
 import {
@@ -95,6 +96,7 @@ export default class DBFolderPlugin extends Plugin {
 		this.registerEvents();
 		this.registerMonkeyPatches();
 		this.addMarkdownPostProcessor();
+		addIcon("dbfolderIcon", `<circle cx="50" cy="50" r="50" fill="currentColor" />`);
 		// Mount an empty component to start; views will be added as we go
 		this.mount(window);
 

src/main.ts

@@ -296,8 +296,8 @@ div.database-plugin__checkbox {
   cursor: pointer;
   bottom: 0;
   z-index: 3;
-  position: fixed;
-  opacity: 0.9;
+  opacity: 0.8;
+  position: sticky;
   left: 0;
   background-color: var(--background-primary);
 }