Merge branch 'main' of https://github.com/capire/docs

Author: renejeglinsky

.vitepress/theme/Layout.vue

@@ -46,13 +46,13 @@ const { frontmatter } = useData()
     </template>
   </Layout>
 
-  <Ribbon v-if="isPreview">
+  <Ribbon v-if="archiveVersion">
+    {{ archiveVersion }}<br>Archive
+  </Ribbon>
+  <Ribbon v-else-if="isPreview">
     DEV PREVIEW<br>
     See <a href="https://cap.cloud.sap" target="_blank" rel="noopener noreferrer">cap.cloud.sap</a>
   </Ribbon>
-  <Ribbon v-else-if="archiveVersion">
-    {{ archiveVersion }}<br>Archive
-  </Ribbon>
 
   <ShortcutsList />
 

.vitepress/theme/code.scss

@@ -1,6 +1,10 @@
 
 main .vp-doc {
 
+  div.vp-code-group + div[class*='language-'] {
+    margin-top: -8px !important; // override code group margin
+  }
+
   div.language-zsh pre code {
     line-height: 1.4em
   }
@@ -11,7 +15,7 @@ main .vp-doc {
       padding: 0 22px !important;
     }
   }
-  [class*='language-'] > button.copy {
+  div[class*='language-'] > button.copy {
     top: 4px; // Fix for copy button position
   }
 

.vitepress/theme/components/ShortcutsList.vue

@@ -52,6 +52,7 @@ const commands = computed(() => [
   DOMCommand('Toggle Node.js or Java', 'SwitchImplVariant', ['v']),
   DOMCommand('Previous page', '.pager-link.prev', ['p',',']),
   DOMCommand('Next page', '.pager-link.next', ['n','.']),
+  DOMCommand('Scroll to top', '.scroll-to-top', ['t']),
   DOMCommand('Edit on GitHub', '.edit-link-button', ['e']),
   DOMCommand('Edit Secondary File on Github', 'secondary-file', ['E'], true, openSecondaryEditLink ),
   ...commandsFromConfig(),
@@ -210,7 +211,7 @@ td, th {
   background-color: var(--vp-c-bg-soft);
 }
 
-.modal-header h5 { 
+.modal-header h5 {
   font-weight: 600;
   margin-bottom: 20px;
   /* text-align: center; */
@@ -227,7 +228,7 @@ td, th {
   float: right;
   font-size: 20px;
   font-weight: bold;
-  margin: 5px auto;
+  margin: auto;
 }
 
 .modal-close:hover,

.vitepress/theme/index.ts

@@ -10,7 +10,6 @@ import Gamma from './components/Gamma.vue';
 import Concept from './components/Concept.vue'
 import Since from './components/Since.vue';
 import UnderConstruction from './components/UnderConstruction.vue';
-// import ScrollToTop from './components/ScrollToTop.vue'
 import CfgInspect from './components/ConfigInspect.vue';
 import TwoslashFloatingVue from '@shikijs/vitepress-twoslash/client'
 
@@ -36,7 +35,6 @@ export default {
     ctx.app.component('Concept', Concept)
     ctx.app.component('Since', Since)
     ctx.app.component('UnderConstruction', UnderConstruction)
-    // ctx.app.component('ScrollToTop', ScrollToTop)
     ctx.app.use(TwoslashFloatingVue)
   }
 }