diff --git a/UI/Templates/MainUI/SOGoRootPage.wox b/UI/Templates/MainUI/SOGoRootPage.wox
index d8f8727a7..9f64f897c 100644
--- a/UI/Templates/MainUI/SOGoRootPage.wox
+++ b/UI/Templates/MainUI/SOGoRootPage.wox
@@ -47,7 +47,10 @@
-
-
-
+
+
+
+
+
diff --git a/UI/WebServerResources/js/Main.app.js b/UI/WebServerResources/js/Main.app.js
index ca84585d4..2f5bf51a1 100644
--- a/UI/WebServerResources/js/Main.app.js
+++ b/UI/WebServerResources/js/Main.app.js
@@ -21,18 +21,18 @@
});
return false;
};
- $scope.showAbout = function() {
- var alert;
- alert = $mdDialog.alert({
- title: 'About SOGo',
- content: 'This is SOGo v3!',
- ok: 'OK'
+ $scope.showAbout = function($event) {
+ $mdDialog.show({
+ targetEvent: $event,
+ templateUrl: 'aboutBox.html',
+ controller: AboutDialogController
});
- $mdDialog
- .show( alert )
- .finally(function() {
- alert = undefined;
- });
+ AboutDialogController.$inject = ['scope', '$mdDialog'];
+ function AboutDialogController(scope, $mdDialog) {
+ scope.closeDialog = function() {
+ $mdDialog.hide();
+ };
+ }
};
}
})();
diff --git a/UI/WebServerResources/scss/components/button/button.scss b/UI/WebServerResources/scss/components/button/button.scss
index e25c9ae98..e56b77824 100644
--- a/UI/WebServerResources/scss/components/button/button.scss
+++ b/UI/WebServerResources/scss/components/button/button.scss
@@ -73,7 +73,7 @@ $button-fab-height: 56px;
overflow: hidden;
//padding: $iconButton-padding 0;
border-radius: 50%;
- color: inherit;
+ //color: inherit;
min-width: $iconButton-size;
transition: $iconButton-transition;
diff --git a/UI/WebServerResources/scss/core/angular.scss b/UI/WebServerResources/scss/core/angular.scss
new file mode 100644
index 000000000..4cc13d626
--- /dev/null
+++ b/UI/WebServerResources/scss/core/angular.scss
@@ -0,0 +1,6 @@
+/// styles.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
+
+// ngCloak directive
+[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
+ display: none !important;
+}
\ No newline at end of file
diff --git a/UI/WebServerResources/scss/styles.scss b/UI/WebServerResources/scss/styles.scss
index 20d56f745..24c944b66 100755
--- a/UI/WebServerResources/scss/styles.scss
+++ b/UI/WebServerResources/scss/styles.scss
@@ -13,6 +13,7 @@
// CORE elements
// ------------------------------------------------------------------------------
@import 'core/functions';
+@import 'core/angular';
/* Local overrides from angular-material src */
// fixme : refactor all this to meet our practices