aboutsummaryrefslogtreecommitdiff
path: root/node_modules/vuepress/lib/default-theme/Navbar.vue
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/vuepress/lib/default-theme/Navbar.vue')
-rw-r--r--node_modules/vuepress/lib/default-theme/Navbar.vue133
1 files changed, 0 insertions, 133 deletions
diff --git a/node_modules/vuepress/lib/default-theme/Navbar.vue b/node_modules/vuepress/lib/default-theme/Navbar.vue
deleted file mode 100644
index 12795665..00000000
--- a/node_modules/vuepress/lib/default-theme/Navbar.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<template>
- <header class="navbar">
- <SidebarButton @toggle-sidebar="$emit('toggle-sidebar')"/>
-
- <router-link
- :to="$localePath"
- class="home-link"
- >
- <img
- class="logo"
- v-if="$site.themeConfig.logo"
- :src="$withBase($site.themeConfig.logo)"
- :alt="$siteTitle"
- >
- <span
- ref="siteName"
- class="site-name"
- v-if="$siteTitle"
- :class="{ 'can-hide': $site.themeConfig.logo }"
- >{{ $siteTitle }}</span>
- </router-link>
-
- <div
- class="links"
- :style="{
- 'max-width': linksWrapMaxWidth + 'px'
- }"
- >
- <AlgoliaSearchBox
- v-if="isAlgoliaSearch"
- :options="algolia"
- />
- <SearchBox v-else-if="$site.themeConfig.search !== false"/>
- <NavLinks class="can-hide"/>
- </div>
- </header>
-</template>
-
-<script>
-import SidebarButton from './SidebarButton.vue'
-import AlgoliaSearchBox from '@AlgoliaSearchBox'
-import SearchBox from './SearchBox.vue'
-import NavLinks from './NavLinks.vue'
-
-export default {
- components: { SidebarButton, NavLinks, SearchBox, AlgoliaSearchBox },
-
- data () {
- return {
- linksWrapMaxWidth: null
- }
- },
-
- mounted () {
- const MOBILE_DESKTOP_BREAKPOINT = 719 // refer to config.styl
- const NAVBAR_VERTICAL_PADDING = parseInt(css(this.$el, 'paddingLeft')) + parseInt(css(this.$el, 'paddingRight'))
- const handleLinksWrapWidth = () => {
- if (document.documentElement.clientWidth < MOBILE_DESKTOP_BREAKPOINT) {
- this.linksWrapMaxWidth = null
- } else {
- this.linksWrapMaxWidth = this.$el.offsetWidth - NAVBAR_VERTICAL_PADDING -
- (this.$refs.siteName && this.$refs.siteName.offsetWidth || 0)
- }
- }
- handleLinksWrapWidth()
- window.addEventListener('resize', handleLinksWrapWidth, false)
- },
-
- computed: {
- algolia () {
- return this.$themeLocaleConfig.algolia || this.$site.themeConfig.algolia || {}
- },
-
- isAlgoliaSearch () {
- return this.algolia && this.algolia.apiKey && this.algolia.indexName
- }
- }
-}
-
-function css (el, property) {
- // NOTE: Known bug, will return 'auto' if style value is 'auto'
- const win = el.ownerDocument.defaultView
- // null means not to return pseudo styles
- return win.getComputedStyle(el, null)[property]
-}
-</script>
-
-<style lang="stylus">
-@import './styles/config.styl'
-
-$navbar-vertical-padding = 0.7rem
-$navbar-horizontal-padding = 1.5rem
-
-.navbar
- padding $navbar-vertical-padding $navbar-horizontal-padding
- line-height $navbarHeight - 1.4rem
- position relative
- a, span, img
- display inline-block
- .logo
- height $navbarHeight - 1.4rem
- min-width $navbarHeight - 1.4rem
- margin-right 0.8rem
- vertical-align top
- .site-name
- font-size 1.3rem
- font-weight 600
- color $textColor
- position relative
- .links
- padding-left 1.5rem
- box-sizing border-box
- background-color white
- white-space nowrap
- font-size 0.9rem
- position absolute
- right $navbar-horizontal-padding
- top $navbar-vertical-padding
- display flex
- .search-box
- flex: 0 0 auto
- vertical-align top
- .nav-links
- flex 1
-
-@media (max-width: $MQMobile)
- .navbar
- padding-left 4rem
- .can-hide
- display none
- .links
- padding-left 1.5rem
-</style>