瀏覽代碼

adjust speaker notes layout on mobile devices

Hakim El Hattab 7 年之前
父節點
當前提交
9a7d491ede
共有 2 個文件被更改,包括 16 次插入0 次删除
  1. 6 0
      css/reveal.css
  2. 10 0
      css/reveal.scss

+ 6 - 0
css/reveal.css

@@ -1513,6 +1513,12 @@ body {
     height: 30vh; } }
 
 @media screen and (max-width: 600px) {
+  .reveal.show-notes {
+    max-height: 60vh; }
+  .reveal.show-notes .speaker-notes {
+    top: 60vh;
+    height: 40vh;
+    padding-bottom: 10vh; }
   .reveal .speaker-notes {
     font-size: 14px; } }
 

+ 10 - 0
css/reveal.scss

@@ -1655,6 +1655,16 @@ $controlsArrowAngleActive: 36deg;
 }
 
 @media screen and (max-width: 600px) {
+	.reveal.show-notes {
+		max-height: 60vh;
+	}
+
+	.reveal.show-notes .speaker-notes {
+		top: 60vh;
+		height: 40vh;
+		padding-bottom: 10vh; // iOS :(
+	}
+
 	.reveal .speaker-notes {
 		font-size: 14px;
 	}