LupusNobilis/sogo
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Replace specific list-view by generic (class-based) view

Browse source
This commit is contained in:
Benoit Favreault 2015-03-25 17:00:53 -04:00 committed by Francis Lachapelle
parent 660af9abfd
commit 78da72f3cb
4 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
UI/Templates/ContactsUI/UIxContactFoldersView.wox
View file

@ -247,7 +247,7 @@
<div layout="row" class="md-flex" layout-align="space-between"> <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> <style>
.vs-repeat-repeated-element { .vs-repeat-repeated-element {
width: 100%; width: 100%;

2
UI/Templates/MailerUI/UIxMailFolderTemplate.wox
View file

@ -2,7 +2,7 @@
<container <container
xmlns="http://www.w3.org/1999/xhtml" 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> <style>
.vs-repeat-repeated-element { .vs-repeat-repeated-element {
width: 100%; width: 100%;

5
UI/WebServerResources/scss/views/ContactsUI.scss
View file

@ -1,10 +1,5 @@
/*! ContactUI.scss */ /*! ContactUI.scss */
[id ="contactsList"] {
flex: 0 1 $listView-width;
min-width: ($listView-width - ($pitch * 2));
}
[id = "contactsList"] .sg-md-subheader { [id = "contactsList"] .sg-md-subheader {
transform: translateY(-100%); // Compensate the container top-margin transform: translateY(-100%); // Compensate the container top-margin
} }

14
UI/WebServerResources/scss/views/_view.scss
View file

@ -21,9 +21,19 @@
$listView-width: grid-step(6) !global; $listView-width: grid-step(6) !global;
$detailView-width: grid-step(8) !global; $detailView-width: grid-step(8) !global;
[id="messagesList"] { //[id="messagesList"] {
flex: 0 0 $listView-width; // 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 { .view-detail {