update(doc): Tab demos condensed for clarity

angular · Sep 5, 2014 · 4cc7fa3 · 4cc7fa3
1 parent 6a596b3
commit 4cc7fa3
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 9 deletions.
diff --git a/src/components/tabs/demos/demo2/index.html b/src/components/tabs/demos/demo2/index.html
@@ -1,7 +1,7 @@
 <link rel="stylesheet" href="/css/tab_demos.css">
 <div ng-app="app" ng-controller="AppCtrl" class="sample">
 
-    <material-tabs selected="selectedIndex" noink center>
+    <material-tabs selected="selectedIndex"  center>
         <material-tab label="ITEM ONE"></material-tab>
         <material-tab label="ITEM TWO" ng-disabled="twoDisabled"></material-tab>
         <material-tab label="ITEM THREE" ng-disabled="true"></material-tab>

diff --git a/src/components/tabs/demos/demo3/style.css b/src/components/tabs/demos/demo3/style.css
@@ -4,6 +4,7 @@
     width: 100%;
 }
 
+
 .centered {
     margin-top: -5px;
     padding-left: 48%

diff --git a/src/components/tabs/demos/demo4/index.html b/src/components/tabs/demos/demo4/index.html
@@ -1,8 +1,8 @@
 <link rel="stylesheet" href="/css/tab_demos.css">
 <div ng-app="app" ng-controller="AppCtrl" class="sample">
 
-    <material-tabs selected="selectedIndex" style="background-color: #00bcd6">
-        <img ng-src="/img/angular.png" style="position:absolute; width:30px;height: 30px; padding-top:5px; padding-left: 5px;">
+    <material-tabs selected="selectedIndex" noink style="background-color: #00bcd6">
+        <img ng-src="/img/angular.png" class="float-logo">
 
         <material-tab ng-repeat="tab in tabs | orderBy:predicate:reversed"
                  on-select="onTabSelected(tab)"

diff --git a/src/components/tabs/demos/demo4/style.css b/src/components/tabs/demos/demo4/style.css
@@ -16,3 +16,13 @@ div.infoBar {
 material-tabs .tabs-content {
     height: 200px;
 }
+
+
+.float-logo {
+    position:absolute;
+    width:30px;
+    height: 30px;
+    padding-top:5px;
+    padding-left: 5px;
+    z-index:100;
+}
diff --git a/src/components/tabs/module.json b/src/components/tabs/module.json
@@ -4,16 +4,12 @@
   "js": ["tabs.js", "util/*.js"],
   "demos": {
     "demo2": {
-      "name": "Static Tabs, external content, noInk:",
+      "name": "Static paginated tabs (with external views):",
       "files": ["demos/demo2/*"]
     },
     "demo4": {
-      "name": "Dynamic Tabs (with internal views):",
+      "name": "Dynamic Tabs (with internal views, noInk):",
       "files": ["demos/demo4/*"]
-    },
-    "demo3": {
-      "name": "Dynamic Tabs (buttons only):",
-      "files": ["demos/demo3/*"]
     }
   }
 }