this makes ui-scroll mad

misterdev · Jul 10, 2017 · 5a08d6e · 5a08d6e
1 parent ffaedd9
commit 5a08d6e
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 3 deletions.
diff --git a/www/css/style.css b/www/css/style.css
@@ -2,4 +2,26 @@
 .item {
 	border: 1px solid green;
 	background-color: #bbb;
+}
+
+.m-header {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    /*min-height: 32px !important;*/
+}
+
+.picture-small {
+    margin-right: 10px;
+    border-radius: 50%;
+    /* border: 1px solid rgba(255, 255, 255, 0.3); */
+    width: 32px;
+    height: 32px;
+    min-width: 30px;
+    min-height: 30px;
+}
+
+.expand {
+    position: absolute;
+    right: 0px;
 }
diff --git a/www/index.html b/www/index.html
@@ -43,9 +43,10 @@ <h1 class="title">
         </h1>
       </ion-header-bar>
       <ion-content ng-controller="MainCtrl" ui-scroll-viewport>
-        <div ui-scroll="item in datasource" buffer-size="10" adapter="adapter">
-          <div class="item" ng-style="{'height': item.height + 'px'}">
-            {{"content # " + item.index + ' ' + item.height}}
+        <div ui-scroll="msg in datasource" buffer-size="10" adapter="adapter">
+          <div class="m-header">
+            <span>{{msg.index}}</span>
+            <span class="ion-ios-arrow-down expand"></span>
           </div>
         </div>
       </ion-content>