From cfd0c6981d6c38a0a19d47b8f62ee7d6726074a6 Mon Sep 17 00:00:00 2001 From: zakary Date: Thu, 20 Jun 2024 12:50:05 -0500 Subject: [PATCH] style(annotations): match and use question-mark svg (#1985) add(annotations): match and use question-mark svg --- docs/Radarr/Tips/Sync-2-radarr-sonarr.md | 14 +++++++------- docs/stylesheets/extra.css | 9 +++++++++ mkdocs.yml | 5 ++++- overrides/.icons/circle-question.svg | 1 + 4 files changed, 21 insertions(+), 8 deletions(-) create mode 100644 overrides/.icons/circle-question.svg diff --git a/docs/Radarr/Tips/Sync-2-radarr-sonarr.md b/docs/Radarr/Tips/Sync-2-radarr-sonarr.md index 448b668f4..16f38f13b 100644 --- a/docs/Radarr/Tips/Sync-2-radarr-sonarr.md +++ b/docs/Radarr/Tips/Sync-2-radarr-sonarr.md @@ -63,10 +63,10 @@ Then you get a screen with the following options: 1. Your {++Radarr 2++} root location for your media library. 1. Tags that will be added on import from this list (if you use multiple lists it makes it easier to determine from which list the movie was added) 1. The Full URL to ^^==Radarr 1==^^ (Use container name or local URL if they run on the same system). -1. Your API Key of ^^==Radarr 1==^^. :material-alert-circle:{ title="After adding your API key, click on the test button at the bottom to see if you have a successful connection." } -1. Which Profile of ^^==Radarr 1==^^ you want to Sync with {++Radarr 2++}. :material-alert-circle:{ title="The dropdown box is filled after you made a successful connection with Radarr 1" } -1. [_Optional_] Use tags from ^^==Radarr 1==^^ to add Movies to {++Radarr 2++}. :material-alert-circle:{ title="The dropdown box is filled after you made a successful connection with Radarr 1" } -1. [_Optional_] Add all movies from the chosen root folder from ^^==Radarr 1==^^. :material-alert-circle:{ title="The dropdown box is filled after you made a successful connection with Radarr 1" } +1. Your API Key of ^^==Radarr 1==^^. :circle-question:{ title="After adding your API key, click on the test button at the bottom to see if you have a successful connection." } +1. Which Profile of ^^==Radarr 1==^^ you want to Sync with {++Radarr 2++}. :circle-question:{ title="The dropdown box is filled after you made a successful connection with Radarr 1" } +1. [_Optional_] Use tags from ^^==Radarr 1==^^ to add Movies to {++Radarr 2++}. :circle-question:{ title="The dropdown box is filled after you made a successful connection with Radarr 1" } +1. [_Optional_] Add all movies from the chosen root folder from ^^==Radarr 1==^^. :circle-question:{ title="The dropdown box is filled after you made a successful connection with Radarr 1" } #### Radarr Download client setup @@ -138,11 +138,11 @@ Then you get a screen with the following options: 1. If you want to use Season Folders (**RECOMMENDED**). 1. Tags that will be added on import from this list (if you use multiple lists it makes it easier to determine from which list the TV Shows was added) 1. The Full URL to ^^==Sonarr 1==^^ (Use container name or local URL if they run on the same system). -1. Your API Key of ^^==Sonarr 1==^^. :material-alert-circle:{ title="After adding your API key, click on the test button at the bottom to see if you have a successful connection." } +1. Your API Key of ^^==Sonarr 1==^^. :circle-question:{ title="After adding your API key, click on the test button at the bottom to see if you have a successful connection." } 1. Sync season monitoring (**SUGGESTION: DISABLED**) 1. The Cloned Profile of ^^==Sonarr 1==^^ that we're going to use to sync with {++Sonarr 2++}. -1. [_Optional_] Use tags from ^^==Sonarr 1==^^ to add TV Shows to {++Sonarr 2++}. :material-alert-circle:{ title="The dropdown box is filled after you made a successful connection with Sonarr 1" } -1. [_Optional_] Add all TV Shows from the chosen root folder from ^^==Sonarr 1==^^. :material-alert-circle:{ title="The dropdown box is filled after you made a successful connection with Sonarr 1" } +1. [_Optional_] Use tags from ^^==Sonarr 1==^^ to add TV Shows to {++Sonarr 2++}. :circle-question:{ title="The dropdown box is filled after you made a successful connection with Sonarr 1" } +1. [_Optional_] Add all TV Shows from the chosen root folder from ^^==Sonarr 1==^^. :circle-question:{ title="The dropdown box is filled after you made a successful connection with Sonarr 1" } 1. This is a Deprecated option. #### Sonarr Download client setup diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 9653d07ce..8d85f94ec 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -63,3 +63,12 @@ td { [data-md-color-scheme="slate"] .md-typeset__table tr:nth-child(2n) { color: #f8f8f8; } +.md-typeset .emojione svg, .md-typeset .gemoji svg, .md-typeset .twemoji svg { + fill: var(--md-default-fg-color--lighter); + max-height: 100%; + width: var(--md-icon-size); +} +.md-typeset .emojione svg, .md-typeset .gemoji svg, .md-typeset .twemoji svg:hover { + fill: var(--md-accent-fg-color); + transform:rotate(45deg); +} diff --git a/mkdocs.yml b/mkdocs.yml index a17eea178..b0101f819 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -42,6 +42,9 @@ markdown_extensions: - pymdownx.emoji: emoji_index: !!python/name:material.extensions.emoji.twemoji emoji_generator: !!python/name:material.extensions.emoji.to_svg + options: + custom_icons: + - overrides/.icons - pymdownx.extra - pymdownx.highlight: guess_lang: true @@ -161,4 +164,4 @@ theme: favicon: img/favicon.png logo: img/logo.png icon: - annotation: material/arrow-right-circle + annotation: circle-question diff --git a/overrides/.icons/circle-question.svg b/overrides/.icons/circle-question.svg new file mode 100644 index 000000000..2a6650fe5 --- /dev/null +++ b/overrides/.icons/circle-question.svg @@ -0,0 +1 @@ + \ No newline at end of file