refactor(): prefix mdContent scroll- attributes

BREAKING CHANGE: md-content's scroll- attributes are now prefixed with md. Change your code from this: ```html <md-content scroll-x scroll-y scroll-xy> ``` To this: ```html <md-content md-scroll-x md-scroll-y md-scroll-xy> ```
angular · Nov 15, 2014 · 92b7643 · 92b7643
1 parent f5761d5
commit 92b7643
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/docs/app/partials/demo.tmpl.html b/docs/app/partials/demo.tmpl.html
@@ -24,7 +24,7 @@
                       md-active="file === demo.$selectedFile"
                       ng-click="demo.$selectedFile = file"
                       label="{{file.name}}">
-            <md-content scroll-y class="demo-source-container">
+            <md-content md-scroll-y class="demo-source-container">
                     <hljs code="file.contents"
                           lang="{{file.fileType}}" >
                     </hljs>

diff --git a/docs/app/partials/view-source.tmpl.html b/docs/app/partials/view-source.tmpl.html
@@ -8,7 +8,7 @@
     </md-tab>
   </md-tabs>
 
-  <div class="md-content" scroll-y flex>
+  <div class="md-content" md-scroll-y flex>
     <div ng-repeat="file in files">
       <hljs code="file.content"
         lang="{{file.fileType}}"

diff --git a/docs/config/template/index.template.html b/docs/config/template/index.template.html
@@ -97,7 +97,7 @@ <h2 ng-bind="(menu.currentPage | humanizeDoc) || 'Angular Material'" flex>
 
     </md-toolbar>
 
-    <md-content ng-view scroll-y flex class="md-padding"></md-content>
+    <md-content ng-view md-scroll-y flex class="md-padding"></md-content>
 
   </div>
 

diff --git a/docs/config/template/readme.template.html b/docs/config/template/readme.template.html
@@ -26,7 +26,7 @@
                       active="file === demo.$selectedFile"
                       ng-click="demo.$selectedFile = file"
                       label="{{file.basePath}}">
-            <md-content scroll-y class="demo-source-container">
+            <md-content md-scroll-y class="demo-source-container">
                     <hljs code="file.content"
                           lang="{{file.fileType}}" >
                     </hljs>

diff --git a/src/components/content/_content.scss b/src/components/content/_content.scss
@@ -5,15 +5,15 @@ md-content {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
 
-  &[scroll-y] {
+  &[md-scroll-y] {
     overflow-y: auto;
     overflow-x: hidden;
   }
-  &[scroll-x] {
+  &[md-scroll-x] {
     overflow-x: auto;
     overflow-y: hidden;
   }
-  &[scroll-xy] {
+  &[md-scroll-xy] {
   }
 
   &.md-padding {