Merge pull request #166 from Raclamusi/fix_badge

説明専用バッジのスタイル定義を crsearch に移動

Author: Raclamusi

css/kunai/site/badge-ext.scss

@@ -17,25 +17,6 @@ main[role="main"] {
 
       span.cpp {
         @include cr-badge;
-
-        &.exposition-only {
-          border-color: #666;
-          color: #666;
-          font-style: italic;
-
-          i {
-            display: none;
-          }
-
-          &::before {
-            @include fa-patch;
-            content: "\f24a"; // fa-sticky-note-o
-          }
-
-          &::after {
-            content: "説明専用";
-          }
-        }
       }
     }
   }

css/kunai/site/sidebar-ext.scss

@@ -140,29 +140,6 @@
 
       > .title > ul.badges {
         @include cr-badge-auto(".badge");
-
-        > li.badge[data-original-attr="exposition-only"] {
-          border-color: #666;
-          color: #666;
-          font-style: italic;
-
-          a {
-            color: #666;
-
-            i {
-              display: none;
-            }
-
-            &::before {
-              @include fa-patch;
-              content: "\f24a"; // fa-sticky-note-o
-            }
-          }
-        }
-
-        &.simple > li.badge[data-original-attr="exposition-only"] a::after {
-          display: block;
-        }
       }
     }
   }

css/kunai/site/sidebar.css

@@ -744,7 +744,8 @@ main[role="main"] .kunai-sidebar.force-legacy {
   ul.others > li.other {
     .cr-index {
       ul.keys {
-        display: inline-block;
+        display: inline-flex;
+        flex-direction: row;
         padding-left: 2px;
         > li.key {
           display: inline-block;

js/kunai/ui/badge.js

@@ -22,6 +22,7 @@ const sanitize = (badges) => {
     let deprecated_or_removed = false
     let cppv = null
     let named_version = null
+    let exposition_only = false
     for (const c of b_classes) {
       if (/^(?:future|archive)$/.test(c)) {
           named_version = c
@@ -30,6 +31,11 @@ const sanitize = (badges) => {
           continue
       }
 
+      if (c === 'exposition-only') {
+        exposition_only = true
+        classes.push('exposition-only-spec')
+      }
+
       const cppm = c.match(/^cpp(\d[\da-zA-Z])(.*)$/)
       if (!cppm) continue;
 
@@ -55,6 +61,7 @@ const sanitize = (badges) => {
 
     const lang_path = cppv ? `/lang/cpp${cppv}` :
                       named_version ? `/lang/${named_version}` :
+                      exposition_only ? '/reference/exposition-only' :
                       `/lang`
     const a_elem = $('<a>', {href: `${lang_path}.html`})
       .append($('<i>'))

package-lock.json

@@ -74,7 +74,7 @@
     "anser": "^1.4.9",
     "codemirror": "^5.55.0",
     "commonmark": "^0.29.1",
-    "crsearch": "cpprefjp/crsearch#cce4f38cf8e8e6710ab8d3a6e8cb308cd6e6ac13",
+    "crsearch": "cpprefjp/crsearch#61b8f30da8b694275957a23ca6cb8e855c7f4bf9",
     "font-awesome": "^4.7.0",
     "jquery": "^3.5.1",
     "normalize.css": "^8.0.1",