MOBILE-1987 popup: Style big popups

Author: crazyserver

www/core/components/login/controllers/site.js

@@ -88,7 +88,8 @@ angular.module('mm.core.login')
         $scope.issue = issue;
         var popup = $ionicPopup.show({
             templateUrl:  'core/components/login/templates/login-issue.html',
-            scope: $scope
+            scope: $scope,
+            cssClass: 'mm-nohead mm-bigpopup'
         });
 
         $scope.closePopup = function() {

www/core/lib/util.js

@@ -773,6 +773,9 @@ angular.module('mm.core')
 
             options.template = addFormatTextIfNeeded(template); // Add format-text to handle links.
             options.title = title;
+            if (!title) {
+                options.cssClass = 'mm-nohead';
+            }
             return $ionicPopup.confirm(options).then(function(confirmed) {
                 if (!confirmed) {
                     return $q.reject();

www/core/scss/styles.scss

@@ -690,6 +690,16 @@ mm-timer {
   width: 320px;
 }
 
+.popup-container.mm-nohead .popup-head {
+  display: none;
+}
+
+.popup-container.mm-bigpopup .popup {
+  width: 90%; // Fallback of calc.
+  width: calc(100% - 20px);
+  max-width: none;
+}
+
 // Inline icons and inputs.
 
 .mm-text-with-icon-right {