diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js index d0cc8679d0..d7dc1c931c 100644 --- a/docs/docusaurus.config.js +++ b/docs/docusaurus.config.js @@ -139,7 +139,7 @@ const config = { ({ docs: { sidebarPath: require.resolve('./sidebars.js'), - editUrl: 'https://github.com/apache/superset/tree/master/docs', + editUrl: 'https://github.com/apache/superset/edit/master/docs', }, blog: { showReadingTime: true, diff --git a/docs/src/styles/main.less b/docs/src/styles/main.less index d10047fdea..f7d053f9c9 100644 --- a/docs/src/styles/main.less +++ b/docs/src/styles/main.less @@ -259,3 +259,13 @@ a > span > svg { height: 28px; } } + +/* Edit Button */ + +.edit-page-link { + position: sticky; + bottom: 0px; + right: 0px; + border-radius: 10px; + background-color: #ccc; +} diff --git a/docs/src/theme/DocItem/index.js b/docs/src/theme/DocItem/index.js new file mode 100644 index 0000000000..d0852d35b9 --- /dev/null +++ b/docs/src/theme/DocItem/index.js @@ -0,0 +1,57 @@ +/** + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, + * software distributed under the License is distributed on an + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + * KIND, either express or implied. See the License for the + * specific language governing permissions and limitations + * under the License. + */ +import React from 'react'; +import styled from '@emotion/styled'; +import DocItem from '@theme-original/DocItem'; + +const EditPageLink = styled('a')` + position: fixed; + bottom: 20px; + right: 20px; + padding: 1rem; + padding-left: 4rem; + background-color: #444; + border-radius: 10px; + z-index: 9999; + background-image: url('/img/github-dark.png'); + background-size: 2rem; + background-position: 1rem center; + background-repeat: no-repeat; + transition: background-color 0.3s; /* Smooth transition for hover effect */ + bpx-shadow: 0 0 0 0 rgba(0,0,0,0); /* Smooth transition for hover effect */ + scale: .9; + transition: all 0.3s; + + &:hover { + background-color: #333; + box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.3); + scale: 1; + } +`; + +export default function DocItemWrapper(props) { + return ( + <> + + Edit this page on GitHub + + + + ); +}