From ed17c76adac46b525b9ae37303b70ad2d3898082 Mon Sep 17 00:00:00 2001 From: Evan Simkowitz Date: Wed, 11 Dec 2024 10:08:04 -0800 Subject: [PATCH] Final workspace doc icon fix, use inline custom icon (#1485) --- docs/docs/workspaces.mdx | 6 ++---- docs/src/css/custom.css | 14 ++++++++++++++ 2 files changed, 16 insertions(+), 4 deletions(-) diff --git a/docs/docs/workspaces.mdx b/docs/docs/workspaces.mdx index 925c5bd9e..8a1cae8f4 100644 --- a/docs/docs/workspaces.mdx +++ b/docs/docs/workspaces.mdx @@ -4,8 +4,6 @@ id: "workspaces" title: "Workspaces" --- -import WorkspaceSVG from "@site/static/img/workspace.svg"; - # Workspaces Workspaces are a powerful way to organize your workflows into separate environments, which you can tailor and optimize. @@ -18,7 +16,7 @@ The primary mechanism to interact with workspaces is via the Workspace Switcher, This is where you can create a new workspace, edit how a workspace entry appears, and delete a workspace. -The Workspace Switcher button changes to display the icon and color of the active workspace. If the current workspace is not saved, it will display the icon. Clicking the button will open the Workspace Switcher. +The Workspace Switcher button changes to display the icon and color of the active workspace. If the current workspace is not saved, it will display the icon. Clicking the button will open the Workspace Switcher. The Switcher contains a list of all saved workspaces for your installation, each with a customizable icon, icon color, and name. @@ -46,7 +44,7 @@ The exception to this rule is the last window will be preserved when closed and To preserve a new workspace, you must save it. This can be acheived by clicking the "Save workspace" button at the bottom of the Workspace Switcher. -If you instead see "Create new workspace" at the bottom of the Workspace Switcher, you are already in a saved workspace. You can also confirm this by checking the wording at the top of the Workspace Switcher. For an unsaved workspace, you will see "Open workspace"; for a saved workspace, you will see "Switch workspaces". You can also confirm this because the icon for the Workspace Switcher button will be . +If you instead see "Create new workspace" at the bottom of the Workspace Switcher, you are already in a saved workspace. You can also confirm this by checking the wording at the top of the Workspace Switcher. For an unsaved workspace, you will see "Open workspace"; for a saved workspace, you will see "Switch workspaces". You can also confirm this because the icon for the Workspace Switcher button will be . Once a workspace is saved, you will see a new entry in the Workspace Switcher list for your saved workspace. It will be named `New Workspace ()`. To make the most of your workspace, is recommended to change this name, and the icon and icon color, to something more memorable or meaningful. diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css index a874f630f..6ce8d0308 100644 --- a/docs/src/css/custom.css +++ b/docs/src/css/custom.css @@ -55,6 +55,14 @@ body .markdown h2 { background-color: var(--ifm-navbar-link-hover-color); } +.custom-icon-inline:before { + display: inline-block; + height: 16px; + width: 16px; + background-color: var(--ifm-color-primary-contrast-foreground); + transition: background-color 0.15s linear; +} + .custom-icon-github:before { content: ""; mask: url(/img/github.svg) no-repeat center / contain; @@ -67,6 +75,12 @@ body .markdown h2 { -webkit-mask: url(/img/discord.svg) no-repeat center / contain; } +.custom-icon-workspace:before { + content: ""; + mask: url(/img/workspace.svg) no-repeat center / contain; + -webkit-mask: url(/img/workspace.svg) no-repeat center / contain; +} + img[src*="#left"] { float: left; margin: 0 10px 10px 0;