askclass-course-theme 0.17.0 → 0.18.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 886e39bbcdab94d388dfa9c55bcbfe41b1b1283f479c4db696d93883bf9c23df
-  data.tar.gz: 785bca91c47314ff9456392e3f5f32ccaee7b78eb07e0f046929ba4be96215d3
+  metadata.gz: 774894d1fc1a67d7c731c3cd0d3563798198c89968ddf9620529004f3d31b17b
+  data.tar.gz: a16889d3dfde34bac5aeaaa375403f1f46efcbc827458d9ffb988118b8107722
 SHA512:
-  metadata.gz: 6571e10c3b28c25ac4e98153c5bf828ac3ae36ebf28beac7beac9b927ef948940b2c95970a9df227b1801a01183ea5cbe27477d503ff8a3bb42ea8808087c780
-  data.tar.gz: 7d45255fc7eb87db6331645d7ccf3f2636ea596f2cb11db03d893d35c85364f8812fcd0add0120dd14727843caa34029f0df0c2b690c2391aec2742f4282dba9
+  metadata.gz: 5c17878b86a406c61a94e490b23f7c26f9d1453d3f4e2e485a00f5951d56cfe42d30fbeb0619d00671368117b70e05e60c70ca145c1546c9704d7f595e707e7c
+  data.tar.gz: 0c42c8af64f481af2ebbf8e14174dc10ee8636621c6fcdbdff7a6b25c65ea5f1e6a1073c8816ca2a38d8d5d579c02d1e3c59246921ff49abcb700acc0142450b

data/_includes/course.html

@@ -48,7 +48,7 @@
               {{ session.title }}
 
               {%- if session.part -%}
-                <small>(Part {{ session.part }})</small>
+                <small>({{ session.part }})</small>
               {%- endif -%}
             </div>
           {%- endfor -%}
@@ -56,8 +56,10 @@
         <div class="control">
           <a class="button" href="/segment/{{ segment }}">
             {{ info.title }}&nbsp;
+            {%- if info['rocket-icon'] != 'none' %}
             <span data-date="{{ info.end }}"
               class="middle-align rocket {{ symbols }}">rocket_launch</span>
+            {%- endif %}
           </a>
         </div>
       </li>

data/_includes/header.html

@@ -2,7 +2,7 @@
   {% include head/meta.html -%}
   {%- include head/common.html -%}
   {%- if page.collection == 'session' -%}
-    {%- if session_data.type == 'Dialog' -%}
+    {%- if session_data.dialog -%}
       <link rel="stylesheet" href="{{ 'assets/css/dialog.css' |  relative_url }}" />
     {%- else -%}
       <link rel="stylesheet" href="{{ 'assets/css/session.css' |  relative_url }}" />

data/_includes/segment/index.html

@@ -23,10 +23,8 @@
           <span data-date="{{ session.due }}" class="{{ symbols }} alarm">alarm_on</span>
           {{ session.due | date: '%b %e, %y' }}
         </div>
-      {%- elsif session.type -%}
-        <div class="header">{{ session.header }}</div>
       {%- else -%}
-        <div class="header">&nbsp;</div>
+        <div class="header">{{ session.header | default: "&nbsp;" }}</div>
       {%- endif -%}
 
       <div class="body">
@@ -38,7 +36,7 @@
 
         {%- if session.part -%}
           <div class="item">
-          Part {{ session.part }}
+          {{ session.part }}
           </div>
         {%- endif -%}
       </div>

data/_includes/session/bubble.html

@@ -1,4 +1,3 @@
-
 <div class="bubble-container {{ include.side }}">
   <div class="talk-bubble {{ include.side }} tri-right {{ include.side }}-in border round">
     <div class="talktext">

data/_layouts/session.html

@@ -4,7 +4,7 @@
 {%- if session_data.width != 'max' -%}
   {%- assign constraint = 'max-width' -%}
 {%- endif -%}
-{%- if session_data.type == 'Dialog' -%}
+{%- if session_data.dialog -%}
   {%- assign constraint = constraint | prepend: 'dialog ' -%}
 {%- endif -%}
 
@@ -33,7 +33,7 @@
     {%- include footer.html -%}
     {%- include foot/mathjax.html -%}
     <script async src="/assets/js/essential-audio-player.js"></script>
-    {%- if session_data.type == 'Dialog' -%}
+    {%- if session_data.dialog -%}
       <script async src="/assets/js/word-click-handler.js"></script>
       {%- include word-click-handler.html -%}
       {%- include foot/popup.html -%}

data/_sass/_base.scss

@@ -53,6 +53,10 @@ body {
   &::-webkit-scrollbar-corner {
     background-color: transparent;
   }
+  &.no-scroll {
+    overflow: hidden;
+    padding-right: 6px;
+  }
 }
 
 hr {

data/_sass/_bubbles.scss

@@ -281,23 +281,24 @@ html {
   font-size: calc(20px + (30 - 10) * ((100vw - 500px) / (1600 - 300)));
   line-height: calc(30px + (12 - 0) * ((100vw - 500px) / (600 - 10)));
   font-family: var(--font-tertiary);
-}
-.talktext .index {
-  position: absolute;
-  top: -14px;
-  display: flex;
-  width: 30px;
-  font-size: 20px;
-  line-height: 29px;
+  .index {
+    position: absolute;
+    top: -14px;
+    display: flex;
+    width: 30px;
+    font-size: 20px;
+    line-height: 29px;
+    white-space: nowrap;
+  }
 }
 .left .talktext .index {
   color: var(--color1);
-  left: -40px;
+  left: -37px;
   justify-content: flex-end;
 }
 .right .talktext .index {
   color: var(--color2);
-  right: -40px;
+  right: -37px;
   justify-content: flex-begin;
 }
 u {

data/_sass/_bullets.scss

@@ -32,3 +32,36 @@ ul > li > ul > li {
     list-style-type: initial;
   }
 }
+
+details {
+  summary {
+    cursor: pointer;
+    list-style: none;
+    &::-webkit-details-marker,
+    &::marker {
+      display: none;
+    }
+    &::before {
+      content: "\25B6\FE0E";
+      margin-right: 5px;
+      font-size: 0.9em;
+      color: var(--color-bullet);
+    }
+  }
+  &[open] {
+    summary {
+      &::before {
+        content: "\25BC\FE0E";
+      }
+    }
+  }
+}
+
+details > *:not(summary) {
+  animation: fadeIn 0.3s ease-in;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; margin-top: -10px; }
+  to   { opacity: 1; margin-top: 0;    }
+}

data/_sass/_tab-main.scss

@@ -45,6 +45,7 @@
     font-family: var(--icon-name);
     line-height: 0.7;
     font-size: 37px;
+    cursor: pointer;
   }
 }
 
@@ -69,6 +70,9 @@
   padding: 10px;
   overflow: hidden;
   text-align: left;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
   &.limit-height {
     max-height: var(--grid-body-height);
     overflow-y: auto;

data/_sass/popup.scss

@@ -20,6 +20,10 @@
     width: 480px;
     max-height: 85vh;
     position: relative;
-    height: inherit;
+    height: initial;
+  }
+
+  .body {
+    overflow-y: auto;
   }
 }

data/assets/js/word-click-handler.js

@@ -39,25 +39,29 @@ function showPopup(title, html) {
   if (body) body.innerHTML = html;
 
   popup.classList.add('show');
+  document.body.classList.add('no-scroll');
+}
+
+function close(popup) {
+  popup.classList.remove('show');
+  document.body.classList.remove('no-scroll');
 }
 
 function initPopupClose() {
   const popup = document.getElementById('course-popup');
   if (!popup) return;
 
-  popup.querySelector('.tab')?.addEventListener('click', () => {
-    popup.classList.remove('show');
-  });
+  popup.querySelector('.tab')?.addEventListener('click', () => close(popup));
 
   popup.addEventListener('click', (e) => {
     if (e.target === popup) {
-      popup.classList.remove('show');
+      close(popup);
     }
   });
 
   document.addEventListener('keydown', (e) => {
     if (e.key === 'Escape' && popup.classList.contains('show')) {
-      popup.classList.remove('show');
+      close(popup);
     }
   });
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: askclass-course-theme
 version: !ruby/object:Gem::Version
-  version: 0.17.0
+  version: 0.18.0
 platform: ruby
 authors:
 - AskClass
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-01-22 00:00:00.000000000 Z
+date: 2026-01-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll