Merge pull request #220 from omerskywalker/pastSupporters-inline-tabs

moved past supporters tab to be inline with others #212

src/.vuepress/styles/index.styl

@@ -231,3 +231,15 @@ li a[href="/specification/00-Abstract/"] {
 .ytEmbed iframe[src] {
   display: block;
 }
+
+// mobile styles
+@media (max-width: 520px) {
+
+  .supportersTabs > div > div > nav > a.text-sm {
+    font-size: 0.83rem !important;
+  }
+
+  .configTabs > div > div > nav > a.text-sm {
+    padding: 10px 14px;
+  }
+}

src/.vuepress/theme/layouts/Home.vue

@@ -54,6 +54,7 @@
         </h2>
 
         <Tabs
+          class="configTabs"
           :tabs="data.configurationTabs"
           :selected="selectedConfigurationTab"
           @tab-selected="selectedConfigurationTab = $event"
@@ -173,13 +174,8 @@
 
         <!-- Supporters category selection -->
         <Tabs
-          :tabs="data.supportersTabs"
-          :selected="selectedSupportersTab"
-          @tab-selected="selectedSupportersTab = $event"
-        />
-
-        <Tabs
-          :tabs="data.pastSupportersTabs"
+          class="supportersTabs"
+          :tabs="combinedSupportersTabs"
           :selected="selectedSupportersTab"
           @tab-selected="selectedSupportersTab = $event"
         />
@@ -292,6 +288,7 @@ export default {
 
   computed: {
     data() {
+      console.log(this.$page.frontmatter)
       return this.$page.frontmatter;
     },
     displayedSupporters() {
@@ -301,6 +298,18 @@ export default {
         this.selectedSupportersTab.supporters.includes(value)
       );
     },
+    combinedSupportersTabs() {
+      const combinedTabs = [
+        ...this.data.supportersTabs,
+        ...this.data.pastSupportersTabs.map(tab => {
+          return {
+            ...tab,
+            name: tab.name
+          };
+        })
+      ];
+      return combinedTabs;
+    },
   },
 
   methods: {

src/index.md

@@ -64,7 +64,7 @@ specificationAuthorsImages:
 supportersTitle: Support for Stratum V2
 supportersText1: Let’s make Stratum V2 the new standard. Show material support or indicate your approval of the protocol direction.
 supportersTabs:
-  - name: All contributors
+  - name: All Contributors
     value: all-contributors
     supporters:
       - braiins