mirror of
https://github.com/Ellpeck/ObsidianCustomFrames.git
synced 2024-11-15 07:09:09 +01:00
108 lines
No EOL
2.7 KiB
TypeScript
108 lines
No EOL
2.7 KiB
TypeScript
export const defaultSettings: CustomFramesSettings = {
|
|
frames: [],
|
|
padding: 5
|
|
};
|
|
export const presets: Record<string, CustomFrameSettings> = {
|
|
"obsidian": {
|
|
url: "https://forum.obsidian.md/",
|
|
displayName: "Obsidian Forum",
|
|
icon: "edit",
|
|
hideOnMobile: true,
|
|
addRibbonIcon: true,
|
|
zoomLevel: 1,
|
|
customCss: ""
|
|
},
|
|
"calendar": {
|
|
url: "https://calendar.google.com/calendar/u/0/r/day",
|
|
displayName: "Google Calendar",
|
|
icon: "calendar",
|
|
hideOnMobile: true,
|
|
addRibbonIcon: true,
|
|
zoomLevel: 1,
|
|
customCss: `/* hide right-side menu, and some buttons */
|
|
div.d6McF,
|
|
div.pw6cBb,
|
|
div.gb_Td.gb_Va.gb_Id,
|
|
div.Kk7lMc-QWPxkf-LgbsSe-haAclf,
|
|
div.h8Aqhb,
|
|
div.gboEAb,
|
|
div.dwlvNd {
|
|
display: none !important;
|
|
}`
|
|
},
|
|
"keep": {
|
|
url: "https://keep.google.com",
|
|
displayName: "Google Keep",
|
|
icon: "files",
|
|
hideOnMobile: true,
|
|
addRibbonIcon: false,
|
|
zoomLevel: 1,
|
|
customCss: `/* hide the menu bar and the "Keep" text */
|
|
html > body > div:nth-child(2) > div:nth-child(2) > div:first-child,
|
|
html > body > div:first-child > header:first-child > div > div:first-child > div > div:first-child > a:first-child > span {
|
|
display: none !important;
|
|
}`
|
|
},
|
|
"todoist": {
|
|
url: "https://todoist.com",
|
|
displayName: "Todoist",
|
|
icon: "list-checks",
|
|
hideOnMobile: true,
|
|
addRibbonIcon: false,
|
|
zoomLevel: 1,
|
|
customCss: `/* hide the help, home, search, and productivity overview buttons, create extra space, and prevent toast pop-up from acting weird */
|
|
[aria-label="Go to Home view"], #quick_find, [aria-label="Productivity"], [aria-label="Help & Feedback"] {
|
|
display: none !important;
|
|
}
|
|
|
|
.view_content {
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.view_header {
|
|
padding-left: 15px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.undo_toast {
|
|
width: 95%;
|
|
}`
|
|
},
|
|
"notion": {
|
|
url: "https://www.notion.so/",
|
|
displayName: "Notion",
|
|
icon: "box",
|
|
hideOnMobile: true,
|
|
addRibbonIcon: true,
|
|
zoomLevel: 1,
|
|
customCss: ""
|
|
},
|
|
"twitter": {
|
|
url: "https://twitter.com",
|
|
displayName: "Twitter",
|
|
icon: "twitter",
|
|
hideOnMobile: true,
|
|
addRibbonIcon: false,
|
|
zoomLevel: 1,
|
|
customCss: ""
|
|
}
|
|
};
|
|
|
|
export interface CustomFramesSettings {
|
|
frames: CustomFrameSettings[];
|
|
padding: number;
|
|
}
|
|
|
|
export interface CustomFrameSettings {
|
|
url: string;
|
|
displayName: string;
|
|
icon: string;
|
|
hideOnMobile: boolean;
|
|
addRibbonIcon: boolean;
|
|
zoomLevel: number;
|
|
customCss: string;
|
|
}
|
|
|
|
export function getIcon(settings: CustomFrameSettings) {
|
|
return settings.icon ? `lucide-${settings.icon}` : "documents";
|
|
} |