fix(base.styl):css (ppoffice#606)

* fix(base.styl):css * fix(base.styl):css * fix(main.js):add is-mobile class
StephenChen2016 · Jan 21, 2020 · 5ea7f05 · 5ea7f05
1 parent 7d60a3e
commit 5ea7f05
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/source/css/base.styl b/source/css/base.styl
@@ -222,7 +222,7 @@ figure.highlight
 
     figcaption
         margin: 0 !important
-        padding: .3em .75em
+        padding: .3em .0em .3em .75em
         font-style: normal
         font-size: .8em
 
@@ -242,6 +242,13 @@ figure.highlight
         .fold
             cursor: pointer
 
+        &.level
+            overflow: auto
+            .level-right
+                a
+                    padding: .0em 0.75em
+
+
     .highlight-body
         overflow: auto
 

diff --git a/source/js/main.js b/source/js/main.js
@@ -68,7 +68,7 @@
 
         $('figure.highlight').each(function() {
             if ($(this).find('figcaption').length) {
-                $(this).find('figcaption').addClass('level');
+                $(this).find('figcaption').addClass('level is-mobile');
                 $(this).find('figcaption').append('<div class="level-left">');
                 $(this).find('figcaption').append('<div class="level-right">');
                 $(this).find('figcaption div.level-left').append($(this).find('figcaption').find('span'));