diff --git a/manifest.json b/manifest.json index a7d910f..587307f 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "id": "surfing", "name": "Surfing", - "version": "0.9.4", + "version": "0.9.5", "minAppVersion": "1.4.0", "description": "Surf the Net in Obsidian.", "author": "Boninall & Windily-cloud", diff --git a/package.json b/package.json index ec82c8c..237f145 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "surfing", - "version": "0.9.4", + "version": "0.9.5", "description": "Use surfing to surf the net in Obsidian.", "main": "main.js", "scripts": { diff --git a/src/surfingIndex.ts b/src/surfingIndex.ts index 479679c..1f2a857 100644 --- a/src/surfingIndex.ts +++ b/src/surfingIndex.ts @@ -55,7 +55,7 @@ export default class SurfingPlugin extends Plugin { if (this.settings.bookmarkManager.openBookMark) this.registerView(WEB_BROWSER_BOOKMARK_MANAGER_ID, (leaf) => new SurfingBookmarkManagerView(leaf, this)); try { - this.registerExtensions(HTML_FILE_EXTENSIONS, WEB_BROWSER_FILE_VIEW_ID); + if (this.settings.enableHtmlPreview) this.registerExtensions(HTML_FILE_EXTENSIONS, WEB_BROWSER_FILE_VIEW_ID); } catch (error) { new Notice(`File extensions ${HTML_FILE_EXTENSIONS} had been registered by other plugin!`); } @@ -1042,20 +1042,20 @@ export default class SurfingPlugin extends Plugin { private registerEmbededHTML() { // @ts-expect-error - app.embedRegistry.registerExtension("html", (e, t, n) => { + this.app.embedRegistry.registerExtension("html", (e, t, n) => { return new EmbededWebView(e, t); }); // @ts-expect-error - app.embedRegistry.registerExtension("htm", (e, t, n) => { + this.app.embedRegistry.registerExtension("htm", (e, t, n) => { return new EmbededWebView(e, t); }); } unRegisterEmbededHTML() { // @ts-expect-error - app.embedRegistry.unregisterExtension("html"); + this.app.embedRegistry.unregisterExtension("html"); // @ts-expect-error - app.embedRegistry.unregisterExtension("htm"); + this.app.embedRegistry.unregisterExtension("htm"); } async loadSettings() { diff --git a/src/surfingPluginSetting.ts b/src/surfingPluginSetting.ts index d69785b..1e8e598 100644 --- a/src/surfingPluginSetting.ts +++ b/src/surfingPluginSetting.ts @@ -55,7 +55,8 @@ export interface SurfingSettings { defaultColumnList: string[]; defaultFilterType: string; }, - treeData: NodeModel[] + treeData: NodeModel[]; + enableHtmlPreview: boolean; } export interface SearchEngine { @@ -117,6 +118,7 @@ export const DEFAULT_SETTINGS: SurfingSettings = { defaultFilterType: 'tree', }, treeData: [], + enableHtmlPreview: true, }; // Add search engines here for the future used. export const SEARCH_ENGINES: SearchEngine[] = [ @@ -386,7 +388,7 @@ export class SurfingSettingTab extends PluginSettingTab { private generateGeneralSettings(tabName: string, wbContainerEl: HTMLElement) { this.addOpenInSameTab(tabName, wbContainerEl); this.addHoverPopover(tabName, wbContainerEl); - + this.addEnableHTMLPreview(tabName, wbContainerEl); this.addRefreshButton(tabName, wbContainerEl); this.addHighlightFormat(tabName, wbContainerEl); this.addMarkdownPath(tabName, wbContainerEl); @@ -718,8 +720,8 @@ export class SurfingSettingTab extends PluginSettingTab { } private addHoverPopover(tabName: string, wbContainerEl: HTMLElement) { - const settingName = 'Hover Popover'; - const settingDesc = 'Show a popover when hover on the link.'; + const settingName = t('Hover Popover'); + const settingDesc = t('Show a popover when hover on the link.'); const setting = new Setting(wbContainerEl) .setName(settingName) .setDesc(settingDesc) @@ -735,6 +737,24 @@ export class SurfingSettingTab extends PluginSettingTab { this.addSettingToMasterSettingsList(tabName, setting.settingEl, settingName, settingDesc); } + private addEnableHTMLPreview(tabName: string, wbContainerEl: HTMLElement) { + const settingName = t('Enable HTML Preview'); + const settingDesc = t('Enable HTML Preview in Surfing'); + const setting = new Setting(wbContainerEl) + .setName(settingName) + .setDesc(settingDesc) + .addToggle((toggle) => { + toggle + .setValue(this.plugin.settings.enableHtmlPreview) + .onChange(async (value) => { + this.plugin.settings.enableHtmlPreview = value; + this.applySettingsUpdate(); + }); + }); + + this.addSettingToMasterSettingsList(tabName, setting.settingEl, settingName, settingDesc); + } + private addReplaceIframeInCanvas(tabName: string, wbContainerEl: HTMLElement) { const settingName = t('[Experimental] Replace Iframe In Canvas') + t('(Reload to take effect)'); const setting = new Setting(wbContainerEl) diff --git a/src/translations/locale/en.ts b/src/translations/locale/en.ts index c512209..ea61ee3 100644 --- a/src/translations/locale/en.ts +++ b/src/translations/locale/en.ts @@ -93,4 +93,8 @@ export default { "Send to ReadWise": "Send to ReadWise", "Add a action in page haader to Send to ReadWise.": "Add a action in page haader to Send to ReadWise.", 'Disable / to search when on these sites': 'Disable / to search when on these sites', + 'Hover Popover': 'Hover Popover', + 'Show a popover when hover on the link.': 'Show a popover when hover on the link.', + 'Enable HTML Preview': 'Enable HTML Preview', + 'Enable HTML Preview in Surfing': 'Enable HTML Preview in Surfing', }; diff --git a/src/translations/locale/zh-cn.ts b/src/translations/locale/zh-cn.ts index 7f97843..9aab6f2 100644 --- a/src/translations/locale/zh-cn.ts +++ b/src/translations/locale/zh-cn.ts @@ -91,4 +91,6 @@ export default { "Send to ReadWise": "发送到 ReadWise", "Add a action in page haader to Send to ReadWise.": "在页面标题栏中添加一个动作来发送到 ReadWise。", 'Disable / to search when on these sites': '当在这些网站中禁止按 / 来搜索的功能', + 'Show a popover when hover on the link.': '当鼠标悬停在链接上时显示一个弹出窗口。', + 'Hover Popover': '悬停弹出窗口', }; diff --git a/styles.css b/styles.css index a2ba9c3..f1ed1ef 100644 --- a/styles.css +++ b/styles.css @@ -1,931 +1 @@ -._root_1nd2u_1 { - align-items: center; - display: grid; - grid-template-columns: auto auto 1fr auto; - height: 32px; - padding-inline-end: 8px; - border-bottom: solid 1px #eee; - border-radius: var(--size-2-2); -} - -._root_1nd2u_1:hover { - background: var(--color-base-30); -} - -._root_1nd2u_1._isSelected_1nd2u_29 { - background: var(--color-base-40); - border-radius: var(--size-2-2); -} - -._expandIconWrapper_1nd2u_39 { - align-items: center; - font-size: 0; - cursor: pointer; - display: flex; - height: 24px; - justify-content: center; - width: 24px; - transition: transform linear 0.1s; - transform: rotate(0deg); -} - -._expandIconWrapper_1nd2u_39._isOpen_1nd2u_63 { - transform: rotate(90deg); -} - -._labelGridItem_1nd2u_71 { - padding-inline-start: 8px; - width: 100%; - overflow: hidden; -} - -._pipeY_1nd2u_83 { - position: absolute; - border-left: 2px solid #e7e7e7; - left: -7px; - top: -7px; -} - -._pipeX_1nd2u_97 { - position: absolute; - left: -7px; - top: 15px; - height: 2px; - background-color: #e7e7e7; - z-index: -1; -} -._root_kgzt2_1 { - background-color: #1967d2; - height: 2px; - position: absolute; - right: 0; - transform: translateY(-50%); - top: 0; -} -._app_15i3q_1 { - height: 100%; - margin: var(--size-4-2); - border-radius: var(--size-2-2); -} - -._container_15i3q_13 { - height: 100%; -} - -._treeRoot_15i3q_21 { - height: 100%; -} - -._draggingSource_15i3q_29 { - opacity: 0.3; -} - -._placeholderContainer_15i3q_37 { - position: relative; -} - -._dropTarget_15i3q_45 { - background-color: var(--color-accent); -} -._root_1gl8h_1 { - align-items: "center"; - background-color: #1967d2; - border-radius: 4px; - box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.25), - 0 0 0 1px rgba(0, 0, 0, 0.08); - color: #fff; - display: inline-grid; - font-size: 14px; - gap: 8px; - grid-template-columns: auto auto; - padding: 4px 8px; - pointer-events: none; -} - -._icon_1gl8h_31, -._label_1gl8h_33 { - align-items: center; - display: flex; -} -.wb-view-content { - padding: 0 !important; - overflow: hidden !important; -} - -.wb-frame { - width: 100%; - height: 100%; - border: none; - background-color: white; - background-clip: content-box; -} - -.wb-view-content:has(.wb-bookmark-bar) .wb-frame { - height: calc(100% - 32px); -} - -.wb-header-bar::after { - background: transparent !important; -} - -.wb-search-bar { - width: 100%; -} - -.wb-search-box { - display: flex; - flex-direction: row; - position: absolute; - z-index: 20; - top: 35px; - right: 200px; - width: 200px; - height: 44px; - background-color: var(--color-base-20); - padding: 7px; - border: var(--input-border-width) solid var(--background-modifier-border); -} - -.wb-search-input { - width: 60%; - height: 100%; -} - -.wb-search-button-group { - width: 40%; - height: 100%; - display: flex; - flex-direction: row; -} - -.wb-search-button { - display: flex; - align-items: center; - - width: 100%; - height: var(--input-height); - border: var(--input-border-width) solid var(--background-modifier-border); - background-color: var(--background-modifier-form-field); - margin-left: 4px; -} - -.wb-page-search-bar-input-container, -.wb-page-search-bar-input { - width: 500px; - min-width: 20px; - height: 44px !important; - border-radius: 15px !important; - margin-bottom: 20px; - margin-left: auto; - margin-right: auto; -} - -.workspace-split:not(.mod-root) .wb-page-search-bar-input-container { - width: 250px; -} - -.workspace-split:not(.mod-root) .wb-page-search-bar-input { - width: 250px; -} - -.wb-page-search-bar { - flex-direction: column-reverse; -} - -.wb-page-search-bar .wb-empty-actions { - display: none; -} - -.wb-page-search-bar .empty-state-container { - padding-top: 100px; -} - -.wb-search-bar-container { - margin-left: auto; - margin-right: auto; - position: absolute; - top: 26%; -} - -.wb-page-search-bar-container { - /*margin-left: auto;*/ - /*margin-right: auto;*/ - /*margin-bottom: 29%;*/ -} - -.wb-page-search-bar-text { - text-align: center; - margin-bottom: 20px; - font-size: 72px; - font-weight: bolder; - color: var(--color-accent); -} - -.wb-create-btn, -.wb-search-btn { - opacity: 0.4; - color: #9da7d9; -} - -.wb-close-btn { - opacity: 0.4; - color: #d99da8; -} - -.wb-icon-list-container button { - padding: 1px 6px; -} - -.wb-create-btn:hover, -.wb-search-btn:hover { - opacity: 1; -} - -.wb-close-btn:hover { - opacity: 1; -} - -.wb-close-btn:hover > button > .lucide-x-square { - color: #d99da8; -} - -.wb-close-btn > button > .lucide-x-square { - color: var(--color-red); -} - -.wb-icon-list-container { - margin-right: auto; - margin-left: auto; - position: absolute; - bottom: 12%; - display: flex; - flex-direction: row; - gap: 10px; -} - -.wb-btn-tip { - color: var(--color-base-60); -} - -.wb-btn:hover { - background: var(--color-accent) !important; -} - -.wb-btn { - filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); -} - -.theme-dark .wb-btn a { - color: var(--color-base-80) !important; -} - -.setting-item.search-engine-setting { - flex-wrap: wrap; -} - -.search-engine-setting .setting-item-control { - flex: 1 1 auto; - text-align: right; - display: flex; - justify-content: flex-end; - align-items: center; - gap: var(--size-4-2); -} - -.search-engine-setting .search-engine-main-settings { - width: 100%; - display: flex; - flex-direction: column; - border-top: solid 1px var(--background-modifier-border); - margin-top: 10px; -} - -.search-engine-main-settings-name { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 5px; - margin-top: 5px; -} - -.search-engine-main-settings-url { - display: flex; - justify-content: space-between; - align-items: center; - margin-top: 5px; -} - -.search-engine-setting .setting-item-name::before { - content: ""; - display: inline-block; - height: 20px; - width: 1px; - border-left: 3px solid var(--text-accent); - vertical-align: middle; - margin-right: 10px; - margin-left: 0; -} - -.wb-setting-title { - display: flex; - justify-content: space-between; - flex-direction: row; - align-items: center; -} - -.wb-setting-tab-group { - display: flex; - justify-content: flex-start; -} - -.wb-setting-searching { - opacity: 0.4; -} - - -.wb-tab-settings textarea { - width: 500px; - height: 200px; - overflow-y: scroll; -} - -.wb-navigation-item { - display: flex; - align-items: flex-start; - gap: 3px; - margin-right: 10px; - margin-bottom: 2px; - padding: 6px 5px 4px; - border-radius: 5px; -} - -.wb-navigation-item-selected { - background-color: var(--interactive-accent); - color: var(--text-on-accent); -} - -.wb-setting-header { - border-bottom: var(--color-base-40) 0px solid; -} - -.wb-tab-settings { - margin-bottom: 20px; -} - -.wb-setting-heading { - color: var(--color-accent); -} - -.wb-about-icon { - height: 72px; - text-align: center; -} - -.setting-item-control .surfing-setting-textarea { - height: 400px; - width: 200px; -} - -.setting-item-control .surfing-setting-input { - width: 400px; -} - -.wb-about-icon .surfing { - height: 72px !important; - width: 72px !important; -} - -.wb-about-text { - font-size: 16px; - color: var(--color-accent); -} - -.wb-about-card { - display: flex; - align-items: center; - flex-direction: column; - margin-top: 30px; -} - -.wb-about-version { - font-size: 14px; - text-decoration: unset !important; - opacity: 0.8; - color: var(--link-color); -} - -.surfing-settings-icon { - width: fit-content; - height: fit-content; - position: absolute; - right: 20px; -} - -.mod-wb-bookmark-bar .surfing-settings-icon { - top: calc(var(--header-height) + 40px); -} - -.wb-frame-notice { - text-align: center; - background-color: var(--color-yellow); - font-size: 14px; - padding-top: 4px; - padding-bottom: 4px; -} - -.wb-search-suggestion-container { - background-color: var(--color-base-10); - border-radius: var(--radius-l); - filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); -} - -.wb-search-suggestion { - border-radius: var(--radius-l); - margin-bottom: -1px; -} - -.wb-search-suggestion:has(.wb-bookmark-suggest-item) { - max-height: 300px; - overflow-y: auto; -} - -.wb-search-suggestion::--webkit-scrollbar { - display: none; -} - -.wb-search-suggest-item.is-selected { - background-color: var(--color-accent); -} - -.theme-light .wb-search-suggest-item.is-selected { - color: var(--color-base-10); -} - -.wb-search-suggest-item:first-child.is-selected { - /*background-color: var(--color-base-30);*/ - border-radius: var(--radius-l) var(--radius-l) var(--radius-m) var(--radius-m); -} - -.wb-search-suggest-item:last-child.is-selected { - /*background-color: var(--color-base-30);*/ - border-radius: var(--radius-m) var(--radius-m) var(--radius-l) var(--radius-l); -} - -.wb-search-suggest-item { - display: flex; - justify-content: space-between; - align-items: center; -} - -.theme-light .wb-search-suggest-item.is-selected .wb-search-suggestion-index { - color: var(--color-base-10); - opacity: 0.6; -} - -.wb-search-suggestion-index { - opacity: 0.2; - font-size: 12px; - font-weight: bold; -} - -input[type="text"].wb-search-bar:active, -input[type="text"].wb-search-bar:focus, -input[type="text"].wb-search-bar:focus-visible { - box-shadow: unset; -} - -input[type="text"].wb-page-search-bar-input:active, -input[type="text"].wb-page-search-bar-input:focus, -input[type="text"].wb-page-search-bar-input:focus-visible { - box-shadow: unset; -} - -.wb-theme-settings-working-on { - background-color: var(--color-accent); - flex-direction: column; - border-radius: var(--radius-l); - /* color: var(--color-base-10); */ -} - -.theme-light .wb-theme-settings-working-on .setting-item-name { - /*background-color: var(--color-accent);*/ - color: var(--color-base-10); -} - -.wb-omni-box { - position: absolute; - right: var(--size-4-9); - top: var(--size-4-18); - width: 30%; - height: fit-content; - max-height: 40%; - overflow: auto; - border-radius: var(--radius-m); - padding: var(--size-4-4); -} - -.wb-omni-box::-webkit-scrollbar { - display: none; /* Safari and Chrome */ -} - -.theme-light .wb-omni-box { - background-color: var(--color-base-10); -} - -.theme-dark .wb-omni-box { - background-color: var(--color-base-30); -} - -.wb-omni-item-path { - margin: var(--size-2-3) var(--size-2-2); - text-emphasis: inherit; - overflow-x: hidden; - padding: var(--size-2-1); - border-radius: var(--radius-s); -} - -.theme-light .wb-omni-item-path { - color: var(--color-base-20); -} - -.wb-omni-item { - margin: var(--size-2-3); - background-color: var(--color-accent); - padding: var(--size-2-1); - border: var(--color-accent) 1px solid; - border-radius: var(--radius-s); -} - -.wb-omni-item-content-list { - margin: var(--size-2-2) var(--size-2-1); - gap: var(--size-2-1); - border-radius: var(--radius-m); -} - -.theme-light .wb-omni-item-content-list { - background-color: var(--color-base-10); -} - -.theme-dark .wb-omni-item-content-list { - background-color: var(--color-base-30); -} - -.wb-content-list-text { - padding: var(--size-2-2) var(--size-2-1); - line-height: var(--size-4-5); - background-color: var(--color-base-10); - border: var(--color-accent) 1px solid; - width: initial; - overflow-x: hidden; - border-radius: var(--radius-m); - margin-bottom: var(--size-4-3); -} - -.theme-light .wb-content-list-text { - background-color: var(--color-base-20); - filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); -} - -.theme-dark .wb-content-list-text { - background-color: var(--color-base-30); -} - -.mod-wb-bookmark-bar .empty-state.wb-page-search-bar { - position: unset; -} - -.wb-bookmark-bar { - display: flex; - align-items: center; - overflow: hidden; - padding-bottom: var(--size-2-1); - padding-top: var(--size-2-1); - padding-left: var(--size-4-2); - - min-height: 32px; - - border-top: 1px solid var(--background-modifier-border); - border-bottom: 1px solid var(--background-modifier-border); -} - -div[data-type^="empty"] .wb-bookmark-bar { - position: absolute; - top: var(--header-height); - width: 100%; - margin-top: -1px; - z-index: 1; -} - -.wb-bookmark-item, -.wb-bookmark-folder { - max-width: 120px; - text-overflow: hidden; - overflow: hidden; - margin-right: var(--size-2-2); - padding: var(--size-2-2); - border: 1px solid var(--color-base-10); - border-radius: var(--radius-s); - white-space: nowrap; - width: 10%; - - display: flex; - align-items: flex-end; - align-content: flex-end; -} - -.wb-bookmark-item:hover, -.wb-bookmark-folder:hover { - background-color: var(--color-base-30); -} - -.wb-bookmark-item-title { - text-overflow: ellipsis; - overflow: hidden; - padding-right: var(--size-4-1); - padding-left: var(--size-2-1); - font-size: var(--font-smallest); -} - -.wb-bookmark-folder-title { - text-overflow: ellipsis; - overflow: hidden; - padding-right: var(--size-4-1); - padding-left: var(--size-2-1); - font-size: var(--font-smallest); -} - -.wb-bookmark-bar::-webkit-scrollbar { - display: none; /* Safari and Chrome */ -} - - -.wb-bookmark-bar-container { - display: flex; - width: 95%; - overflow-x: scroll; -} - -.wb-bookmark-bar-container::-webkit-scrollbar { - display: none; /* Safari and Chrome */ -} - -.wb-bookmark-folder-icon, -.wb-bookmark-item-icon { - padding: unset; - height: 16px; - margin-right: var(--size-2-2); -} - -.wb-bookmark-folder-icon .lucide-folder-open { - height: var(--size-4-4); - width: var(--size-4-4); -} - -.wb-bookmark-item-icon .lucide-album { - height: var(--size-4-4); - width: var(--size-4-4); -} - -div[data-type^="empty"].workspace-leaf-content -.view-content.mod-wb-bookmark-bar { - padding: unset; - overflow: auto; -} - -.surfing-bookmark-manager-header-bar { - display: flex; - justify-content: start; -} - -.surfing-bookmark-manager { - margin: 0 1em; - - display: flex; - flex-direction: column; -} - -.surfing-bookmark-manager-header-bar .surfing-bookmark-manager-search-bar { - display: flex; - align-items: center; -} - -.surfing-bookmark-manager-search-bar .ant-input-affix-wrapper { - padding: 0 11px; -} - -.surfing-bookmark-manager-header-bar .ant-row { - display: flex; - align-items: center; -} - -.ant-table-header { - min-height: 55px; -} - -.surfing-bookmark-manager-header-bar { - height: 50px; -} - -:where(.css-dev-only-do-not-override-1np4o0i).ant-input-affix-wrapper { - background-color: var(--background-modifier-form-field); -} - -.surfing-bookmark-manager-header-bar button { - margin: 0px 0px 0px 10px; -} - -.wb-bookmark-manager-entry { - position: absolute; - right: var(--size-4-3); - padding: var(--size-2-1); - border-radius: var(--radius-s); - color: var(--color-red); -} - -.wb-bookmark-manager-icon { - height: 18px; - width: 18px; - display: flex; - -} - -.wb-refresh-button, .wb-refresh-button .lucide-refresh-cw { - height: var(--size-4-4); - width: var(--size-4-4); - color: var(--color-base-50); -} - -.wb-refresh-button { - margin-right: var(--size-4-2); -} - -.ant-table-wrapper .ant-table-pagination.ant-pagination { - margin: 6px 0; -} - -.ant-table-container { - height: 100%; - overflow: hidden; - display: flex; - flex-direction: column; -} - -/*.ant-table-sticky-holder {*/ -/* height: 100px;*/ -/*}*/ - -.ant-table-wrapper, .ant-spin-nested-loading, .ant-spin-container { - height: 100%; -} - -.ant-table-wrapper { - height: 86vh; -} - -.ant-table-wrapper .ant-table-thead > tr > th { - background-color: var(--background-secondary); -} - -.ant-table { - height: 100%; -} - -.wb-reset-button { - left: 0; -} - -.ant-form-item .submit-bar { - display: flex; - justify-content: space-between; -} - -.theme-light .ant-btn-primary { - background-color: #1677ff; -} - -.theme-light .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper { - color: var(--text-on-accent); -} - -.surfing-bookmark-manager-header .ant-col-6 { - display: flex; - align-items: center; -} - -div[data-type^="surfing-bookmark-manager"] .ant-table-thead { - height: 20px; -} - -/*.wb-bookmark-manager-icon .lucide-bookmark {*/ -/* height: 16px;*/ -/* width: 16px;*/ -/*}*/ -.wb-bookmark-manager-entry:hover { - background-color: var(--color-base-30); -} - -.cm-scroller .wb-view-content-embeded { - height: 500px; -} - -.suggestion-item.wb-bookmark-suggest-item { - display: flex; - align-items: center; - justify-content: space-between; -} - -.wb-bookmark-suggest-container { - display: flex; - gap: 10px; - - max-width: 92%; - -} - -.wb-bookmark-suggestion-text { - font-weight: bolder; - - overflow-x: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.wb-bookmark-suggestion-url { - opacity: 0.4; - - overflow-x: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.wb-bookmark-modal h2 { - text-align: center; -} - -.wb-bookmark-modal .wb-bookmark-modal-btn-container { - display: flex; - align-items: center; - flex-direction: row; - gap: 10px; -} - -.wb-bookmark-modal .modal-content { - display: flex; - flex-direction: column; - align-items: center; -} - -.anticon-arrow-right svg { - width: var(--icon-xs); - height: var(--icon-xs); -} - -.tab-tree-empty-container svg { - width: var(--icon-xl); - height: var(--icon-xl); - opacity: 50%; -} - -.tab-tree-empty-container { - display: flex; - align-items: center; - text-align: center; - justify-content: center; -} - -.tab-tree-empty-state { - display: flex; - flex-direction: column; - align-items: center; - gap: 1em; - opacity: 30%; -} - -div[data-type^="surfing-tab-tree"] ul { - list-style: none; - margin: 0; - padding: 0; -} - -div[data-type^="surfing-tab-tree"] ul li { - list-style: none; - margin: 0; - padding: 0; -} - - -.surfing-hover-popover { - height: 400px; -} - -.surfing-embed-website { - height: 800px; -} - -.surfing-hover-popover .surfing-hover-popover-container, .surfing-hover-popover .wb-view-content.node-insert-event, .surfing-embed-website .surfing-embed-website-container, .surfing-embed-website .surfing-embed-website-container .wb-view-content.node-insert-event { - height: 100%; -} - -.popover.hover-editor .popover-content:has(div[data-type^="surfing-view"]) { - width: 100%; -} +._root_1nd2u_1{align-items:center;display:grid;grid-template-columns:auto auto 1fr auto;height:32px;padding-inline-end:8px;border-bottom:solid 1px #eee;border-radius:var(--size-2-2)}._root_1nd2u_1:hover{background:var(--color-base-30)}._root_1nd2u_1._isSelected_1nd2u_29{background:var(--color-base-40);border-radius:var(--size-2-2)}._expandIconWrapper_1nd2u_39{align-items:center;font-size:0;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px;transition:transform linear .1s;transform:rotate(0)}._expandIconWrapper_1nd2u_39._isOpen_1nd2u_63{transform:rotate(90deg)}._labelGridItem_1nd2u_71{padding-inline-start:8px;width:100%;overflow:hidden}._pipeY_1nd2u_83{position:absolute;border-left:2px solid #e7e7e7;left:-7px;top:-7px}._pipeX_1nd2u_97{position:absolute;left:-7px;top:15px;height:2px;background-color:#e7e7e7;z-index:-1}._root_kgzt2_1{background-color:#1967d2;height:2px;position:absolute;right:0;transform:translateY(-50%);top:0}._app_15i3q_1{height:100%;margin:var(--size-4-2);border-radius:var(--size-2-2)}._container_15i3q_13,._treeRoot_15i3q_21{height:100%}._draggingSource_15i3q_29{opacity:.3}._placeholderContainer_15i3q_37{position:relative}._dropTarget_15i3q_45{background-color:var(--color-accent)}._root_1gl8h_1{align-items:"center";background-color:#1967d2;border-radius:4px;box-shadow:0 12px 24px -6px #00000040,0 0 0 1px #00000014;color:#fff;display:inline-grid;font-size:14px;gap:8px;grid-template-columns:auto auto;padding:4px 8px;pointer-events:none}._icon_1gl8h_31,._label_1gl8h_33{align-items:center;display:flex}.wb-view-content{padding:0!important;overflow:hidden!important}.wb-frame{width:100%;height:100%;border:none;background-color:#fff;background-clip:content-box}.wb-view-content:has(.wb-bookmark-bar) .wb-frame{height:calc(100% - 32px)}.wb-header-bar:after{background:transparent!important}.wb-search-bar{width:100%}.wb-search-box{display:flex;flex-direction:row;position:absolute;z-index:20;top:35px;right:200px;width:200px;height:44px;background-color:var(--color-base-20);padding:7px;border:var(--input-border-width) solid var(--background-modifier-border)}.wb-search-input{width:60%;height:100%}.wb-search-button-group{width:40%;height:100%;display:flex;flex-direction:row}.wb-search-button{display:flex;align-items:center;width:100%;height:var(--input-height);border:var(--input-border-width) solid var(--background-modifier-border);background-color:var(--background-modifier-form-field);margin-left:4px}.wb-page-search-bar-input-container,.wb-page-search-bar-input{width:500px;min-width:20px;height:44px!important;border-radius:15px!important;margin-bottom:20px;margin-left:auto;margin-right:auto}.workspace-split:not(.mod-root) .wb-page-search-bar-input-container{width:250px}.workspace-split:not(.mod-root) .wb-page-search-bar-input{width:250px}.wb-page-search-bar{flex-direction:column-reverse}.wb-page-search-bar .wb-empty-actions{display:none}.wb-page-search-bar .empty-state-container{padding-top:100px}.wb-random-background .empty-state{background:url(https://source.unsplash.com/random/?mountain) no-repeat center center;background-size:cover}.wb-random-background .empty-state input{filter:opacity(.8)}.wb-search-bar-container{margin-left:auto;margin-right:auto;position:absolute;top:26%}.wb-page-search-bar-container .wb-last-opened-files{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--size-4-2);justify-items:center;margin-top:var(--size-4-12)}.wb-page-search-bar-container .wb-last-opened-files .wb-last-opened-file{display:flex;flex-direction:row;align-items:center;gap:var(--size-2-2);background-color:var(--interactive-normal);box-shadow:var(--input-shadow);opacity:.6;justify-content:flex-start;width:160px;height:40px;cursor:pointer}.wb-page-search-bar-container .wb-last-opened-files .wb-last-opened-file:hover{opacity:1}.wb-page-search-bar-container .wb-last-opened-files .wb-last-opened-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-page-search-bar-text{text-align:center;margin-bottom:20px;font-size:72px;font-weight:bolder;color:var(--color-accent)}.wb-create-btn,.wb-search-btn{opacity:.4;color:#9da7d9}.wb-close-btn{opacity:.4;color:#d99da8}.wb-icon-list-container button{padding:1px 6px}.wb-create-btn:hover,.wb-search-btn:hover,.wb-close-btn:hover{opacity:1}.wb-close-btn:hover>button>.lucide-x-square{color:#d99da8}.wb-close-btn>button>.lucide-x-square{color:var(--color-red)}.wb-icon-list-container{margin-right:auto;margin-left:auto;position:absolute;bottom:12%;display:flex;flex-direction:row;gap:10px}.wb-btn-tip{color:var(--color-base-60)}.wb-btn:hover{background:var(--color-accent)!important}.wb-btn{filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06))}.theme-dark .wb-btn a{color:var(--color-base-80)!important}.setting-item.search-engine-setting{flex-wrap:wrap}.search-engine-setting .setting-item-control{flex:1 1 auto;text-align:right;display:flex;justify-content:flex-end;align-items:center;gap:var(--size-4-2)}.search-engine-setting .search-engine-main-settings{width:100%;display:flex;flex-direction:column;border-top:solid 1px var(--background-modifier-border);margin-top:10px}.search-engine-main-settings-name{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;margin-top:5px}.search-engine-main-settings-url{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.search-engine-setting .setting-item-name:before{content:"";display:inline-block;height:20px;width:1px;border-left:3px solid var(--text-accent);vertical-align:middle;margin-right:10px;margin-left:0}.wb-setting-title{display:flex;justify-content:space-between;flex-direction:row;align-items:center}.wb-setting-tab-group{display:flex;justify-content:flex-start}.wb-setting-searching{opacity:.4}.wb-tab-settings textarea{width:500px;height:200px;overflow-y:scroll}.wb-navigation-item{display:flex;align-items:flex-start;gap:3px;margin-right:10px;margin-bottom:2px;padding:6px 5px 4px;border-radius:5px}.wb-navigation-item-selected{background-color:var(--interactive-accent);color:var(--text-on-accent)}.wb-setting-header{border-bottom:var(--color-base-40) 0px solid}.wb-tab-settings{margin-bottom:20px}.wb-setting-heading{color:var(--color-accent)}.wb-about-icon{height:72px;text-align:center}.setting-item-control .surfing-setting-textarea{height:400px;width:200px}.setting-item-control .surfing-setting-input{width:400px}.wb-about-icon .surfing{height:72px!important;width:72px!important}.wb-about-text{font-size:16px;color:var(--color-accent)}.wb-about-card{display:flex;align-items:center;flex-direction:column;margin-top:30px}.wb-about-version{font-size:14px;text-decoration:unset!important;opacity:.8;color:var(--link-color)}.surfing-settings-icon{width:fit-content;height:fit-content;position:absolute;right:20px}.mod-wb-bookmark-bar .surfing-settings-icon{top:calc(var(--header-height) + 40px)}.wb-frame-notice{text-align:center;background-color:var(--color-yellow);font-size:14px;padding-top:4px;padding-bottom:4px}.wb-search-suggestion-container{background-color:var(--color-base-10);border-radius:var(--radius-l);filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06))}.wb-search-suggestion{border-radius:var(--radius-l);margin-bottom:-1px}.wb-search-suggestion:has(.wb-bookmark-suggest-item){max-height:300px;overflow-y:auto}.wb-search-suggestion::--webkit-scrollbar{display:none}.wb-search-suggest-item.is-selected{background-color:var(--color-accent)}.theme-light .wb-search-suggest-item.is-selected{color:var(--color-base-10)}.wb-search-suggest-item:first-child.is-selected{border-radius:var(--radius-l) var(--radius-l) var(--radius-m) var(--radius-m)}.wb-search-suggest-item:last-child.is-selected{border-radius:var(--radius-m) var(--radius-m) var(--radius-l) var(--radius-l)}.wb-search-suggest-item{display:flex;justify-content:space-between;align-items:center}.theme-light .wb-search-suggest-item.is-selected .wb-search-suggestion-index{color:var(--color-base-10);opacity:.6}.wb-search-suggestion-index{opacity:.2;font-size:12px;font-weight:700}input[type=text].wb-search-bar:active,input[type=text].wb-search-bar:focus,input[type=text].wb-search-bar:focus-visible{box-shadow:unset}input[type=text].wb-page-search-bar-input:active,input[type=text].wb-page-search-bar-input:focus,input[type=text].wb-page-search-bar-input:focus-visible{box-shadow:unset}.wb-theme-settings-working-on{background-color:var(--color-accent);flex-direction:column;border-radius:var(--radius-l)}.theme-light .wb-theme-settings-working-on .setting-item-name{color:var(--color-base-10)}.wb-omni-box{position:absolute;right:var(--size-4-9);top:var(--size-4-18);width:30%;height:fit-content;max-height:40%;overflow:auto;border-radius:var(--radius-m);padding:var(--size-4-4)}.wb-omni-box::-webkit-scrollbar{display:none}.theme-light .wb-omni-box{background-color:var(--color-base-10)}.theme-dark .wb-omni-box{background-color:var(--color-base-30)}.wb-omni-item-path{margin:var(--size-2-3) var(--size-2-2);text-emphasis:inherit;overflow-x:hidden;padding:var(--size-2-1);border-radius:var(--radius-s)}.theme-light .wb-omni-item-path{color:var(--color-base-20)}.wb-omni-item{margin:var(--size-2-3);background-color:var(--color-accent);padding:var(--size-2-1);border:var(--color-accent) 1px solid;border-radius:var(--radius-s)}.wb-omni-item-content-list{margin:var(--size-2-2) var(--size-2-1);gap:var(--size-2-1);border-radius:var(--radius-m)}.theme-light .wb-omni-item-content-list{background-color:var(--color-base-10)}.theme-dark .wb-omni-item-content-list{background-color:var(--color-base-30)}.wb-content-list-text{padding:var(--size-2-2) var(--size-2-1);line-height:var(--size-4-5);background-color:var(--color-base-10);border:var(--color-accent) 1px solid;width:initial;overflow-x:hidden;border-radius:var(--radius-m);margin-bottom:var(--size-4-3)}.theme-light .wb-content-list-text{background-color:var(--color-base-20);filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06))}.theme-dark .wb-content-list-text{background-color:var(--color-base-30)}.mod-wb-bookmark-bar .empty-state.wb-page-search-bar{position:unset}.wb-bookmark-bar{display:flex;align-items:center;overflow:hidden;padding-bottom:var(--size-2-1);padding-top:var(--size-2-1);padding-left:var(--size-4-2);min-height:32px;border-top:1px solid var(--background-modifier-border);border-bottom:1px solid var(--background-modifier-border)}div[data-type^=empty] .wb-bookmark-bar{position:absolute;top:var(--header-height);width:100%;margin-top:-1px;z-index:1}.wb-bookmark-item,.wb-bookmark-folder{max-width:120px;text-overflow:hidden;overflow:hidden;margin-right:var(--size-2-2);padding:var(--size-2-2);border:1px solid var(--color-base-10);border-radius:var(--radius-s);white-space:nowrap;width:10%;display:flex;align-items:flex-end;align-content:flex-end}.wb-bookmark-item:hover,.wb-bookmark-folder:hover{background-color:var(--color-base-30)}.wb-bookmark-item-title,.wb-bookmark-folder-title{text-overflow:ellipsis;overflow:hidden;padding-right:var(--size-4-1);padding-left:var(--size-2-1);font-size:var(--font-smallest)}.wb-bookmark-bar::-webkit-scrollbar{display:none}.wb-bookmark-bar-container{display:flex;width:95%;overflow-x:scroll}.wb-bookmark-bar-container::-webkit-scrollbar{display:none}.wb-bookmark-folder-icon,.wb-bookmark-item-icon{padding:unset;height:16px;margin-right:var(--size-2-2)}.wb-bookmark-folder-icon .lucide-folder-open,.wb-bookmark-item-icon .lucide-album{height:var(--size-4-4);width:var(--size-4-4)}div[data-type^=empty].workspace-leaf-content .view-content.mod-wb-bookmark-bar{padding:unset;overflow:auto}.surfing-bookmark-manager-header-bar{display:flex;justify-content:start}.surfing-bookmark-manager{margin:0 1em;display:flex;flex-direction:column}.surfing-bookmark-manager-header-bar .surfing-bookmark-manager-search-bar{display:flex;align-items:center}.surfing-bookmark-manager-search-bar .ant-input-affix-wrapper{padding:0 11px}.surfing-bookmark-manager-header-bar .ant-row{display:flex;align-items:center}.ant-table-header{min-height:55px}.surfing-bookmark-manager-header-bar{height:50px}:where(.css-dev-only-do-not-override-1np4o0i).ant-input-affix-wrapper{background-color:var(--background-modifier-form-field)}.surfing-bookmark-manager-header-bar button{margin:0 0 0 10px}.wb-bookmark-manager-entry{position:absolute;right:var(--size-4-3);padding:var(--size-2-1);border-radius:var(--radius-s);color:var(--color-red)}.wb-bookmark-manager-icon{height:18px;width:18px;display:flex}.wb-refresh-button,.wb-refresh-button .lucide-refresh-cw{height:var(--size-4-4);width:var(--size-4-4);color:var(--color-base-50)}.wb-refresh-button{margin-right:var(--size-4-2)}.ant-table-wrapper .ant-table-pagination.ant-pagination{margin:6px 0}.ant-table-container{height:100%;overflow:hidden;display:flex;flex-direction:column}.ant-table-wrapper,.ant-spin-nested-loading,.ant-spin-container{height:100%}.ant-table-wrapper{height:86vh}.ant-table-wrapper .ant-table-thead>tr>th{background-color:var(--background-secondary)}.ant-table{height:100%}.wb-reset-button{left:0}.ant-form-item .submit-bar{display:flex;justify-content:space-between}.theme-light .ant-btn-primary{background-color:#1677ff}.theme-light .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper{color:var(--text-on-accent)}.surfing-bookmark-manager-header .ant-col-6{display:flex;align-items:center}div[data-type^=surfing-bookmark-manager] .ant-table-thead{height:20px}.wb-bookmark-manager-entry:hover{background-color:var(--color-base-30)}.cm-scroller .wb-view-content-embeded{height:500px}.suggestion-item.wb-bookmark-suggest-item{display:flex;align-items:center;justify-content:space-between}.wb-bookmark-suggest-container{display:flex;gap:10px;max-width:92%}.wb-bookmark-suggestion-text{font-weight:bolder;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-bookmark-suggestion-url{opacity:.4;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-bookmark-modal h2{text-align:center}.wb-bookmark-modal .wb-bookmark-modal-btn-container{display:flex;align-items:center;flex-direction:row;gap:10px}.wb-bookmark-modal .modal-content{display:flex;flex-direction:column;align-items:center}.anticon-arrow-right svg{width:var(--icon-xs);height:var(--icon-xs)}.tab-tree-empty-container svg{width:var(--icon-xl);height:var(--icon-xl);opacity:50%}.tab-tree-empty-container{display:flex;align-items:center;text-align:center;justify-content:center}.tab-tree-empty-state{display:flex;flex-direction:column;align-items:center;gap:1em;opacity:30%}div[data-type^=surfing-tab-tree] ul,div[data-type^=surfing-tab-tree] ul li{list-style:none;margin:0;padding:0}.surfing-hover-popover{height:400px}.surfing-embed-website{height:800px}.surfing-hover-popover .surfing-hover-popover-container,.surfing-hover-popover .wb-view-content.node-insert-event,.surfing-embed-website .surfing-embed-website-container,.surfing-embed-website .surfing-embed-website-container .wb-view-content.node-insert-event{height:100%}.popover.hover-editor .popover-content:has(div[data-type^=surfing-view]){width:100%} diff --git a/versions.json b/versions.json index 1b2d6a4..ab65403 100644 --- a/versions.json +++ b/versions.json @@ -52,5 +52,6 @@ "0.9.1": "1.4.0", "0.9.2": "1.4.0", "0.9.3": "1.4.0", - "0.9.4": "1.4.0" + "0.9.4": "1.4.0", + "0.9.5": "1.4.0" } \ No newline at end of file