You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by ov...@apache.org on 2021/08/02 04:09:10 UTC
[echarts-handbook] branch master updated: update style
This is an automated email from the ASF dual-hosted git repository.
ovilia pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/echarts-handbook.git
The following commit(s) were added to refs/heads/master by this push:
new c39c6b8 update style
c39c6b8 is described below
commit c39c6b87e25573d01979093f96b99fc68d629a4a
Author: Ovilia <zw...@gmail.com>
AuthorDate: Mon Aug 2 12:08:25 2021 +0800
update style
---
components/partials/Contributors.vue | 3 ++-
components/partials/Sidebar.vue | 35 +++++++++++++++++-----------------
components/partials/SidebarNavItem.vue | 24 +++++------------------
layouts/default.vue | 25 ++++++++++++++++--------
4 files changed, 42 insertions(+), 45 deletions(-)
diff --git a/components/partials/Contributors.vue b/components/partials/Contributors.vue
index dc60caf..8d62f5f 100644
--- a/components/partials/Contributors.vue
+++ b/components/partials/Contributors.vue
@@ -87,8 +87,9 @@ export default defineComponent({
.post-contributor {
display: inline-block;
margin-right: 15px;
+ border: 1px solid #eee;
- @apply rounded-md shadow-md;
+ @apply rounded-lg shadow-md;
&:hover {
text-decoration: none;
diff --git a/components/partials/Sidebar.vue b/components/partials/Sidebar.vue
index 001582e..662f244 100644
--- a/components/partials/Sidebar.vue
+++ b/components/partials/Sidebar.vue
@@ -48,24 +48,28 @@ export default Vue.extend({
<style lang="postcss">
.bd-sidebar {
- padding: 10px;
position: sticky;
z-index: 1000;
top: 0;
+ left: 0;
height: calc(100vh - 50px);
+ padding: 0;
overflow-y: auto;
border-right: 1px solid #eee;
}
.bd-sidenav {
- margin-top: 4px;
- margin-left: 10px;
display: none;
}
.page-content {
padding-bottom: 0;
+ .bd-docs-nav {
+ margin-top: 10px;
+ margin-bottom: 20px;
+ }
+
.nav {
display: block;
}
@@ -76,7 +80,7 @@ export default Vue.extend({
.nav > li > a:focus,
.nav > li > a:hover {
- background-color: transparent;
+ background-color: #f6f8fc;
}
.nav .b-icon.bi {
@@ -88,7 +92,7 @@ export default Vue.extend({
.glyphicon {
padding: 5px;
- color: #ccc;
+ color: #cfd9e2;
cursor: pointer;
transform: scale(0.8);
top: 2px;
@@ -97,7 +101,9 @@ export default Vue.extend({
}
.level0 > li > .nav-link {
- padding: 10px 0;
+ margin-top: 5px;
+ padding: 6px 0 6px 20px;
+ font-weight: bold;
@apply text-blue-gray-800;
}
.level1 {
@@ -105,25 +111,20 @@ export default Vue.extend({
font-size: 14px;
.nav-link {
- padding: 5px 0;
+ padding: 6px 0 6px 35px;
}
}
+ .level2 .nav-link {
+ padding: 5px 0 5px 50px;
+ }
+
.level3 {
margin-top: 1px;
.nav-link {
- padding: 0;
+ padding: 5px 0 5px 60px;
}
}
- .nav.level3 {
- padding-left: 5px;
- margin-left: 5px;
- @apply border-blue-gray-300 border-l;
- }
-
- .level3 .nav-link {
- margin: 2px 0;
- }
}
</style>
diff --git a/components/partials/SidebarNavItem.vue b/components/partials/SidebarNavItem.vue
index dea14ea..da6b9b1 100644
--- a/components/partials/SidebarNavItem.vue
+++ b/components/partials/SidebarNavItem.vue
@@ -86,33 +86,19 @@ export default Vue.extend({
<style lang="postcss">
.page-content {
.nav-item {
- cursor: pointer;
+ margin: 0;
.nav-link {
@apply text-blue-gray-500;
}
- .title {
- padding: 2px 6px;
+ a.nav-link {
+ cursor: pointer;
}
.nav-link.nuxt-link-active {
- color: #5470c6;
- }
-
- .nav-link:hover > .title {
- /* color: #5470c6; */
- background: #efefef;
- border-radius: 3px;
- }
-
- .glyphicon {
- padding: 5px;
- color: #ccc;
- cursor: pointer;
- transform: scale(0.8);
- top: 2px;
- left: -5px;
+ font-weight: bold;
+ color: #337ab7;
}
}
}
diff --git a/layouts/default.vue b/layouts/default.vue
index 5c0efd1..862621b 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -3,7 +3,7 @@
<navbar />
<div class="page-main">
- <div class="page-content single-page container-fluid row flex-xl-nowrap">
+ <div class="page-content handbook-content single-page container-fluid row flex-xl-nowrap">
<sidebar />
<div class="bd-content col-sm-7 pl-sm-2 col-12">
@@ -49,12 +49,21 @@ export default {
</script>
<style lang="postcss">
+body {
+ font-family: 'Open Sans', 'PingFang SC', Helvetica, Arial, sans-serif;;
+}
+
.page-main {
overflow-x: hidden;
}
.handbook-content {
- margin-top: 50px;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.bd-content {
+ padding-left: 50px;
}
.post-content {
@@ -68,18 +77,18 @@ export default {
@apply text-blue-gray-500;
h1 {
- margin: 50px 0;
+ margin: 40px 0 30px 0;
font-size: 36px;
@apply text-blue-gray-800;
font-weight: 500;
}
h2 {
- margin: 70px 0 20px 0;
- padding-bottom: 10px;
+ margin: 50px 0 20px 0;
+ padding-bottom: 15px;
font-size: 26px;
@apply text-blue-gray-900;
- border-bottom: 1px solid #ddd;
+ border-bottom: 1px solid #eee;
}
h1 + h2 {
@@ -184,7 +193,7 @@ export default {
}
a {
- @apply text-purple-600;
+ color: #337ab7;
}
}
@@ -192,7 +201,7 @@ export default {
position: fixed;
left: 77%;
width: 21%;
- top: 50px;
+ top: 65px;
background-color: transparent;
padding: 10px;
height: auto;
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org