change label for page edition/ statuses

Author: rakeshAlgo

preview-src/index.adoc

@@ -191,7 +191,7 @@ This section does not have any edition or status labels at the start.
 
 * This is the first item in a list.
 
-* [.community]#{community}# This is the second item in a list.
+* [.edition]#{community}# This is the second item in a list.
 This item is only applicable to community edition.
 
 * This is the third item in the list.
@@ -245,7 +245,7 @@ return thisAirline; // <2>
 
 [#vbucket-stats]
 == Monitoring `vBucket` Resources
-
+[.table-ui]
 [cols="1,3"]
 |===
 | Statistic | Description

src/css/contributor.css

@@ -4,6 +4,7 @@
   flex-wrap: wrap;
   margin: 15px 0 0;
   visibility: hidden;
+  display: none;
 }
 
 .contributor-list-box.show {

src/css/labels.css

@@ -17,7 +17,7 @@
 
 .doc .edition,
 .doc .status,
-.doc .community {
+.doc .edition.page-edition {
   max-width: fit-content;
   font-size: var(--labels-font-size);
   font-weight: var(--weight-bold);
@@ -47,7 +47,7 @@
 .doc .labels li,
 .doc .edition,
 .doc .status,
-.doc .community {
+.doc .edition.page-edition {
   color: #fff;
   display: inline-block;
   padding: 6px;
@@ -59,7 +59,7 @@
 .doc .labels li a,
 .doc .edition a,
 .doc .status a,
-.doc .community a {
+.doc .edition.page-edition a {
   text-decoration: none;
   font-family: "Source Sans Pro", sans-serif;
 }
@@ -87,7 +87,7 @@
   opacity: 0.6;
 }
 
-.doc .community {
+.doc .edition.page-edition {
   color: #999;
   border: 1px solid #999;
   border-radius: 3px;
@@ -102,13 +102,13 @@
   color: var(--color-brand-caution);
 }
 
-.doc .community a {
+.doc .edition.page-edition a {
   color: #999;
 }
 
 .doc .edition:hover,
 .doc .status:hover,
-.doc .community:hover {
+.doc .edition.page-edition:hover {
   opacity: 1;
 }
 

src/css/table.css

@@ -99,13 +99,13 @@ table.tableblock .title {
   border-bottom: none;
 }
 
-/* table.merged-cells-table tr:hover {
+/* table.table-merge-cells tr:hover {
   background-color: var(--color-brand-gray7);
 }
 */
 
-table.description-cell-table tr th:last-child,
-table.description-cell-table tr td:last-child {
+table.table-tutorial tr th:last-child,
+table.table-tutorial tr td:last-child {
   background-color: var(--color-brand-gray7);
 }
 
@@ -144,7 +144,7 @@ table.description-cell-table tr td:last-child {
     display: table-row;
   }
 
-  table.merged-cells-table tbody tr:nth-child(even) {
+  table.table-merge-cells tbody tr:nth-child(even) {
     background-color: var(--color-brand-gray7);
   }
 
@@ -158,13 +158,13 @@ table.description-cell-table tr td:last-child {
     width: auto;
   }
 
-  table.merged-cells-table tr td:first-child,
-  table.description-cell-table tr td:first-child {
+  table.table-merge-cells tr td:first-child,
+  table.table-tutorial tr td:first-child {
     border-left: 0;
   }
 
-  table.merged-cells-table tr td,
-  table.description-cell-table tr td {
+  table.table-merge-cells tr td,
+  table.table-tutorial tr td {
     border-left: 1px solid var(--color-brand-gray8);
   }
 }

src/js/11-page-customize.js

@@ -0,0 +1,17 @@
+;
+(function ($) {
+'use strict'
+// for label edition/statuses
+var $labels = $('.edition').find('a')
+
+console.log($labels.length)
+
+for (var i = 0; i < $labels.length; i++) {
+    console.log(i, 445, $labels[i])
+    if ($labels[i].text.toLocaleLowerCase().indexOf('community') !== -1) {
+        $labels[i].parentNode.classList.add('page-edition')
+    }
+}
+
+    /*eslint-env jquery*/
+})(jQuery)