瀏覽代碼

Docs: The navigation hint in the Examples index should respond to the type of the layout (desktop vs. mobile). Closes #1349.

Aleksander Nowodzinski 7 年之前
父節點
當前提交
0d48a429f6
共有 2 個文件被更改,包括 17 次插入1 次删除
  1. 16 0
      docs/assets/styles.css
  2. 1 1
      docs/examples/index.md

+ 16 - 0
docs/assets/styles.css

@@ -44,3 +44,19 @@ https://github.com/ckeditor/ckeditor5-build-decoupled-document/issues/12 */
 		padding-right: 300px;
 	}
 }
+
+/* https://github.com/ckeditor/ckeditor5/issues/1349 */
+.main .examples-navigation-hint_mobile {
+	display: none;
+}
+
+/* https://github.com/ckeditor/ckeditor5/issues/1349 */
+@media only screen and (max-width: 960px) {
+	.main .examples-navigation-hint_desktop {
+		display: none;
+	}
+
+	.main .examples-navigation-hint_mobile {
+		display: inline;
+	}
+}

+ 1 - 1
docs/examples/index.md

@@ -9,7 +9,7 @@ meta-description: Navigate through CKEditor 5 examples to see what you are able
 # Examples
 
 <info-box>
-	Use the **navigation tree on the left** to navigate through CKEditor 5 examples. Visit the {@link features/index Features} section to see even more examples!
+	Use the <span class="examples-navigation-hint_desktop">**navigation tree on the left**</span><span class="examples-navigation-hint_mobile">**main menu button in the upper-left corner**</span> to navigate through CKEditor 5 examples. Visit the {@link features/index Features} section to see even more examples!
 </info-box>
 
 ## Related links