Преглед на файлове

Improved BlockToolbar manual test.

Oskar Wróbel преди 7 години
родител
ревизия
49661b1590
променени са 1 файла, в които са добавени 53 реда и са изтрити 43 реда
  1. 53 43
      packages/ckeditor5-ui/tests/manual/blocktoolbar/blocktoolbar.html

+ 53 - 43
packages/ckeditor5-ui/tests/manual/blocktoolbar/blocktoolbar.html

@@ -1,49 +1,51 @@
 <button class="external-type">Start external typing</button>
 <button class="external-delete">Start external deleting</button>
 
-<div id="editor">
-	<h2>The three greatest things you learn from traveling</h2>
-	<p>
-		Like all the great things on earth traveling teaches us by example. Here are some of the most precious lessons
-		I’ve learned over the years of traveling.
-	</p>
-
-	<figure class="image">
-		<img src="./umbrellas.jpg" alt="Three Monks walking on ancient temple.">
-		<figcaption>Leaving your comfort zone might lead you to such beautiful sceneries like this one.</figcaption>
-	</figure>
-
-	<h3>Appreciation of diversity</h3>
-	<p>
-		Getting used to an entirely different culture can be challenging. While it’s also nice to learn about
-		cultures online or from books, nothing comes close to experiencing cultural diversity in person.
-		You learn to appreciate each and every single one of the differences while you become more culturally fluid.
-	</p>
-
-	<blockquote>
-		<p>The real voyage of discovery consists not in seeking new landscapes, but having new eyes.</p>
-		<p><strong>Marcel Proust</strong></p>
-	</blockquote>
-
-	<h3>Improvisation</h3>
-	<p>
-		Life doesn't allow us to execute every single plan perfectly. This especially seems to be the case when
-		you travel. You plan it down to every minute with a big checklist; but when it comes to executing it,
-		something always comes up and you’re left with your improvising skills. You learn to adapt as you go.
-		Here’s how my travel checklist looks now:
-	</p>
-
-	<ul>
-		<li>buy the ticket</li>
-		<li>start your adventure</li>
-	</ul>
-
-	<h3>Confidence</h3>
-	<p>
-		Going to a new place can be quite terrifying. While change and uncertainty makes us scared, traveling
-		teaches us how ridiculous it is to be afraid of something before it happens. The moment you face your
-		fear and see there was nothing to be afraid of, is the moment you discover bliss.
-	</p>
+<div class="wrapper">
+	<div id="editor">
+		<h2>The three greatest things you learn from traveling</h2>
+		<p>
+			Like all the great things on earth traveling teaches us by example. Here are some of the most precious lessons
+			I’ve learned over the years of traveling.
+		</p>
+
+		<figure class="image">
+			<img src="./umbrellas.jpg" alt="Three Monks walking on ancient temple.">
+			<figcaption>Leaving your comfort zone might lead you to such beautiful sceneries like this one.</figcaption>
+		</figure>
+
+		<h3>Appreciation of diversity</h3>
+		<p>
+			Getting used to an entirely different culture can be challenging. While it’s also nice to learn about
+			cultures online or from books, nothing comes close to experiencing cultural diversity in person.
+			You learn to appreciate each and every single one of the differences while you become more culturally fluid.
+		</p>
+
+		<blockquote>
+			<p>The real voyage of discovery consists not in seeking new landscapes, but having new eyes.</p>
+			<p><strong>Marcel Proust</strong></p>
+		</blockquote>
+
+		<h3>Improvisation</h3>
+		<p>
+			Life doesn't allow us to execute every single plan perfectly. This especially seems to be the case when
+			you travel. You plan it down to every minute with a big checklist; but when it comes to executing it,
+			something always comes up and you’re left with your improvising skills. You learn to adapt as you go.
+			Here’s how my travel checklist looks now:
+		</p>
+
+		<ul>
+			<li>buy the ticket</li>
+			<li>start your adventure</li>
+		</ul>
+
+		<h3>Confidence</h3>
+		<p>
+			Going to a new place can be quite terrifying. While change and uncertainty makes us scared, traveling
+			teaches us how ridiculous it is to be afraid of something before it happens. The moment you face your
+			fear and see there was nothing to be afraid of, is the moment you discover bliss.
+		</p>
+	</div>
 </div>
 
 <style>
@@ -51,4 +53,12 @@
 		margin: 0 auto;
 		max-width: 800px;
 	}
+
+	.wrapper {
+		padding: 0 20px;
+	}
+
+	.ck-block-toolbar-button {
+		transform: translateX( -10px );
+	}
 </style>