docs: Use the new floating ment on skpaint.md

Screenshot:
  https://screenshot.googleplex.com/C3E0hpuNwdu.png
  https://screenshot.googleplex.com/vdfQMRc24Nv.png

BUG=skia:

NOTRY=true
DOCS_PREVIEW= https://skia.org/?cl=5757

Change-Id: I00b1bb01cab05592d19f020f3190576bf7907aa2
Reviewed-on: https://skia-review.googlesource.com/5757
Reviewed-by: Hal Canary <halcanary@google.com>
Commit-Queue: Joe Gregorio <jcgregorio@google.com>

diff --git a/site/dev/tools/markdown.md b/site/dev/tools/markdown.md
index a9b2c93..939e8a3 100644 (file)
--- a/site/dev/tools/markdown.md
+++ b/site/dev/tools/markdown.md
@@ -419,3 +419,20 @@ Output:
         <p>For example.</p>
     </blockquote>
     </code></pre>
+
+### Floating Menu ###
+
+To create a floating menu for a single page that always appears
+in the upper right hand corner of the page, use a `div` with a
+class of "float", for example:
+
+    <div class="float">
+      <ul>
+        <li><a href="#SkXfermode">SkXfermode</a></li>
+        <li><a href="#SkShader">SkShader</a></li>
+        <li><a href="#SkMaskFilter">SkMaskFilter</a></li>
+        <li><a href="#SkColorFilter">SkColorFilter</a></li>
+        <li><a href="#SkPathEffect">SkPathEffect</a></li>
+      </ul>
+    </div>
+

diff --git a/site/user/api/skpaint.md b/site/user/api/skpaint.md
index 2498034..48f8458 100644 (file)
--- a/site/user/api/skpaint.md
+++ b/site/user/api/skpaint.md
@@ -1,14 +1,20 @@
 SkPaint
 =======
+<span id="top"></span>
 
 *color, stroke, font, effects*
 
--   [SkXfermode](#SkXfermode) - transfer modes
--   [ShShader](#ShShader) - gradients and patterns
--   [SkMaskFilter](#SkMaskFilter) - modifications to the alpha mask
--   [SkColorFilter](#SkColorFilter) - modify the source color before applying the
--   [SkPathEffect](#SkPathEffect) - modify to the geometry before it
-    generates an alpha mask.
+<div class="float">
+  <ul>
+    <li><a href="#">SkPaint</a></li>
+    <li><a href="#SkXfermode">SkXfermode</a></li>
+    <li><a href="#SkShader">SkShader</a></li>
+    <li><a href="#SkMaskFilter">SkMaskFilter</a></li>
+    <li><a href="#SkColorFilter">SkColorFilter</a></li>
+    <li><a href="#SkPathEffect">SkPathEffect</a></li>
+  </ul>
+</div>
+
 
 Anytime you draw something in Skia, and want to specify what color it
 is, or how it blends with the background, or what style or font to
@@ -236,9 +242,9 @@ with a vertical alpha gradient.
 <a href='https://fiddle.skia.org/c/@skpaint_xfer'><img
   src='https://fiddle.skia.org/i/@skpaint_xfer_raster.png'></a>
 
-<span id="ShShader"></span>
+<span id="SkShader"></span>
 
-ShShader
+SkShader
 --------
 
 Several shaders are defined (besides the linear gradient already mentioned):