From 2cabbff3491a18966fff403de45a069e480c4a2c Mon Sep 17 00:00:00 2001 From: Peng99999 <531055665@qq.com> Date: Thu, 26 Sep 2024 21:35:38 +0800 Subject: [PATCH 1/3] modified the github link Signed-off-by: Peng99999 <531055665@qq.com> --- docusaurus.config.ts | 19 +++++++++++++++++-- src/css/custom.css | 4 ++-- 2 files changed, 19 insertions(+), 4 deletions(-) diff --git a/docusaurus.config.ts b/docusaurus.config.ts index c4dcefb..f9513d0 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -131,10 +131,25 @@ const config: Config = { type: 'localeDropdown', position: 'right', }, + // { + // href: 'https://github.com/X-lab2017/open-digger', + // className: 'header--github-link', + // position: 'right', + // }, { - href: 'https://github.com/X-lab2017/open-digger', - className: 'header--github-link', + type: 'dropdown', // 使用下拉菜单类型 + label: 'Github', // 下拉菜单的标签 position: 'right', + items: [ + { + label: 'GitHub OpenDigger', // 显示给用户的标签 + href: 'https://github.com/X-lab2017/open-digger', // 跳转链接 + }, + { + label: 'GitHub OpenDigger-Website', // 显示给用户的标签 + href: 'https://github.com/X-lab2017/open-digger-website', // 跳转链接 + }, + ], }, ], }, diff --git a/src/css/custom.css b/src/css/custom.css index b81c368..745b756 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -65,7 +65,7 @@ } } -.header--github-link { +/* .header--github-link { width: 32px; height: 32px; padding: 6px; @@ -87,7 +87,7 @@ html[data-theme='dark'] .header--github-link:before { background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat; -} +} */ blockquote { border-left: 6px solid #e0e1da; From 4a48ab216ae75a09c71b3b2bc8bc0875a9039814 Mon Sep 17 00:00:00 2001 From: frank-zsy Date: Fri, 27 Sep 2024 11:23:06 +0800 Subject: [PATCH 2/3] fix: fix GitHub case and remove redundant css Signed-off-by: frank-zsy --- docusaurus.config.ts | 17 ++++++----------- src/css/custom.css | 24 ------------------------ 2 files changed, 6 insertions(+), 35 deletions(-) diff --git a/docusaurus.config.ts b/docusaurus.config.ts index f9513d0..4c84792 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -131,23 +131,18 @@ const config: Config = { type: 'localeDropdown', position: 'right', }, - // { - // href: 'https://github.com/X-lab2017/open-digger', - // className: 'header--github-link', - // position: 'right', - // }, { - type: 'dropdown', // 使用下拉菜单类型 - label: 'Github', // 下拉菜单的标签 + type: 'dropdown', + label: 'GitHub', position: 'right', items: [ { - label: 'GitHub OpenDigger', // 显示给用户的标签 - href: 'https://github.com/X-lab2017/open-digger', // 跳转链接 + label: 'OpenDigger', + href: 'https://github.com/X-lab2017/open-digger', }, { - label: 'GitHub OpenDigger-Website', // 显示给用户的标签 - href: 'https://github.com/X-lab2017/open-digger-website', // 跳转链接 + label: 'Website', + href: 'https://github.com/X-lab2017/open-digger-website', }, ], }, diff --git a/src/css/custom.css b/src/css/custom.css index 745b756..a116c0d 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -65,30 +65,6 @@ } } -/* .header--github-link { - width: 32px; - height: 32px; - padding: 6px; - margin-right: 4px; - border-radius: 50%; - transition: background var(--ifm-transition-fast); -} - -.header--github-link:hover { - background: var(--ifm-color-emphasis-200); -} - -.header--github-link:before { - content: ''; - height: 100%; - display: block; - background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat; -} - -html[data-theme='dark'] .header--github-link:before { - background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat; -} */ - blockquote { border-left: 6px solid #e0e1da; background-color: #ebfbfa; From 85332214488d5664da16b17d973e7833d0a72ea1 Mon Sep 17 00:00:00 2001 From: frank-zsy Date: Fri, 27 Sep 2024 17:03:16 +0800 Subject: [PATCH 3/3] refactor: from Neilblaze, update dropdown style Signed-off-by: frank-zsy --- docusaurus.config.ts | 3 ++- src/css/custom.css | 35 +++++++++++++++++++++++++++++++++++ 2 files changed, 37 insertions(+), 1 deletion(-) diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 4c84792..a44f184 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -134,6 +134,7 @@ const config: Config = { { type: 'dropdown', label: 'GitHub', + className: 'header--github-dropdown', position: 'right', items: [ { @@ -141,7 +142,7 @@ const config: Config = { href: 'https://github.com/X-lab2017/open-digger', }, { - label: 'Website', + label: 'OpenDigger-Website', href: 'https://github.com/X-lab2017/open-digger-website', }, ], diff --git a/src/css/custom.css b/src/css/custom.css index a116c0d..7119760 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -196,3 +196,38 @@ article { .no-footer footer { display: none; } + +.header--github-dropdown { + display: flex; + align-items: center; +} + +.header--github-dropdown::before { + content: ''; + width: 24px; + height: 24px; + margin-right: 8px; + background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat; +} + +html[data-theme='dark'] .header--github-dropdown::before { + background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat; +} + +@media (min-width: 768px) { + .header--github-dropdown::after { + content: '▼'; + font-size: 16px; + margin-left: 4px; + margin-top: 7px; + transition: transform 0.3s ease; + } + + .header--github-dropdown[aria-expanded="true"]::after { + transform: rotate(180deg); + } +} + +.header--github-dropdown:hover { + border-radius: 4px; +}