feat(website): Added css visual helper + responsive goodness on examp…

…les ge
algolia · May 12, 2016 · fbae562 · fbae562
1 parent 004755e
commit fbae562
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/docs/source/partials/examples/_visual-helper.html.haml b/docs/source/partials/examples/_visual-helper.html.haml
@@ -22,79 +22,79 @@
   %tbody
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-input"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-input"}
           <code>.ap-input</code>
 
       %td
         %p This class is the one use by the main places input
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-input-icon-pin"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-input-icon-pin"}
           <code>.ap-input-icon-pin</code>
 
       %td
         %p This is the class attached to the pin icon, which is visible when the input is on it's normal state
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-input-icon-clear"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-input-icon-clear"}
           <code>.ap-input-icon-clear</code>
 
       %td
         %p This is the class attached to the clear icon, which is visible when the input is filled, clicking it will empty the input
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-dropdown-menu"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-dropdown-menu"}
           <code>.ap-dropdown-menu</code>
 
       %td
         %p This class is the one that is on the whole suggestions wrapper
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-suggestion"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-suggestion"}
           <code>.ap-suggestion</code>
 
       %td
         %p The .ap-suggestion class is the class of each dropdown suggestions
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-cursor"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-cursor"}
           <code>.ap-cursor</code>
 
       %td
         %p The .ap-cursor class is added to .ap-suggestion when the suggestion is hovered
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-suggestion-icon"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-suggestion-icon"}
           <code>.ap-suggestion-icon</code>
 
       %td
         %p The .ap-suggestion-icon is the class that is used on the left icon of each suggestions
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-name"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-name"}
           <code>.ap-name</code>
 
       %td
         %p The .ap-name class is the one used on the <strong>name</strong> of the place
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-ap-address"}
+        %div{:class => "css-class api-entry", :id => "css-class-ap-address"}
           <code>.ap-address</code>
 
       %td
         %p The .ap-address class is the one used on the <strong>address</strong> of the place
 
     %tr
       %td
-        %div{:class => "css-class", :id => "css-class-em"}
+        %div{:class => "css-class api-entry", :id => "css-class-em"}
           <code> &lt;em></code>
       %td
         %p The &lt;em> tag in the .ap-suggestion is the tag that is used to make an highlight on each names