From 78da72f3cb5db3879ae6ebf35d0eb0d0dc03ac6e Mon Sep 17 00:00:00 2001
From: Benoit Favreault <benoit.favreault@gmail.com>
Date: Wed, 25 Mar 2015 17:00:53 -0400
Subject: [PATCH] Replace specific list-view by generic (class-based) view

---
 UI/Templates/ContactsUI/UIxContactFoldersView.wox |  2 +-
 UI/Templates/MailerUI/UIxMailFolderTemplate.wox   |  2 +-
 UI/WebServerResources/scss/views/ContactsUI.scss  |  5 -----
 UI/WebServerResources/scss/views/_view.scss       | 14 ++++++++++++--
 4 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/UI/Templates/ContactsUI/UIxContactFoldersView.wox b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
index c1113191f..6f030c28f 100644
--- a/UI/Templates/ContactsUI/UIxContactFoldersView.wox
+++ b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
@@ -247,7 +247,7 @@
 
       <div layout="row" class="md-flex" layout-align="space-between">
 
-        <md-content style="position: relative;" id="contactsList">
+        <md-content class="view-list" style="position: relative;" id="contactsList">
           <style>
             .vs-repeat-repeated-element {
             width: 100%;
diff --git a/UI/Templates/MailerUI/UIxMailFolderTemplate.wox b/UI/Templates/MailerUI/UIxMailFolderTemplate.wox
index 045038843..39554d83b 100644
--- a/UI/Templates/MailerUI/UIxMailFolderTemplate.wox
+++ b/UI/Templates/MailerUI/UIxMailFolderTemplate.wox
@@ -2,7 +2,7 @@
 <container
     xmlns="http://www.w3.org/1999/xhtml"
     >
-  <md-content style="position: relative;" id="messagesList">
+  <md-content class="view-list" style="position: relative;" id="messagesList">
     <style>
       .vs-repeat-repeated-element {
         width: 100%;
diff --git a/UI/WebServerResources/scss/views/ContactsUI.scss b/UI/WebServerResources/scss/views/ContactsUI.scss
index 195434e74..e6a32175d 100644
--- a/UI/WebServerResources/scss/views/ContactsUI.scss
+++ b/UI/WebServerResources/scss/views/ContactsUI.scss
@@ -1,10 +1,5 @@
 /*! ContactUI.scss */
 
-[id ="contactsList"] {
-  flex: 0 1 $listView-width;
-  min-width: ($listView-width - ($pitch * 2));
-}
-
 [id = "contactsList"] .sg-md-subheader {
   transform: translateY(-100%); // Compensate the container top-margin
 }
diff --git a/UI/WebServerResources/scss/views/_view.scss b/UI/WebServerResources/scss/views/_view.scss
index 27151f078..47d49e84a 100644
--- a/UI/WebServerResources/scss/views/_view.scss
+++ b/UI/WebServerResources/scss/views/_view.scss
@@ -21,9 +21,19 @@
 $listView-width: grid-step(6) !global;
 $detailView-width: grid-step(8) !global;
 
-[id="messagesList"] {
-  flex: 0 0 $listView-width;
+//[id="messagesList"] {
+//  flex: 0 0 $listView-width;
+//
+//}
+//
+//[id ="contactsList"] {
+//  flex: 0 1 $listView-width;
+//  min-width: ($listView-width - ($pitch * 2));
+//}
 
+.view-list {
+  flex: 0 1 $listView-width;
+  min-width: ($listView-width - ($pitch * 2));
 }
 
 .view-detail {