styling for redirect warning toast.

Changing some styling for all toasts as requested changes should apply to all toasts.

Author: Cookiezaurs

frontend/express/public/javascripts/countly/vue/components/helpers.js

@@ -859,8 +859,8 @@
                                 '<img :src="image" class="alert-image bu-mr-4 bu-my-2 bu-ml-2">\n' +
                                 '<slot><span class="alert-text" style="margin-block:auto" v-html="innerText">{{text}}</span></slot>\n' +
                             '</div>\n' +
-                            '<div v-if="closable" style="margin-block:auto">\n' +
-                                '<div v-if="size==\'full\'" @click="closeModal" class="bu-mr-2 bu-ml-5" >\n' +
+                            '<div v-if="closable"  class="bu-mt-2" >\n' +
+                                '<div v-if="size==\'full\'" @click="closeModal" class="bu-mr-2 bu-ml-2" >\n' +
                                     '<slot name="close"><i class="el-icon-close"></i></slot>\n' +
                                 '</div>\n' +
                                 '<div v-else @click="closeModal" class="bu-mr-2 bu-ml-6">\n' +

frontend/express/public/stylesheets/styles/blocks/_notification-toasts.scss

@@ -7,6 +7,6 @@
     &__item {
         margin-top: 12px;
         min-width: 288px;
-        max-width: 400px;
+        max-width: 288px;
     }
 }

plugins/data_migration/frontend/public/javascripts/countly.views.js

@@ -402,7 +402,7 @@
     //switching apps. show message if redirect url is set
     app.addAppSwitchCallback(function(appId) {
         if (appId && countlyGlobal.apps[appId] && countlyGlobal.apps[appId].redirect_url && countlyGlobal.apps[appId].redirect_url !== "") {
-            var mm = "<h4 class='bu-pt-3 bu-pb-1'>" + jQuery.i18n.map["data-migration.app-redirected"].replace('{app_name}', countlyGlobal.apps[appId].name) + "</h4><p bu-pt-1>" + jQuery.i18n.map["data-migration.app-redirected-explanation"] + " <b>" + countlyGlobal.apps[appId].redirect_url + "</b><p><a href='#/manage/apps' style='color:rgb(1, 102, 214);'>" + jQuery.i18n.map["data-migration.app-redirected-remove"] + "</a>";
+            var mm = "<h4 class='bu-pt-3 bu-pb-1' style='overflow-wrap: break-word;'>" + jQuery.i18n.map["data-migration.app-redirected"].replace('{app_name}', countlyGlobal.apps[appId].name) + "</h4><p bu-pt-1>" + jQuery.i18n.map["data-migration.app-redirected-explanation"] + " <b><span style='overflow-wrap: break-word;'>" + countlyGlobal.apps[appId].redirect_url + "<span></b><p><a href='#/manage/apps' style='color:rgb(1, 102, 214); cursor:pointer;'>" + jQuery.i18n.map["data-migration.app-redirected-remove"] + "</a>";
             var msg = {
                 title: jQuery.i18n.map["data-migration.app-redirected"].replace('{app_name}', countlyGlobal.apps[appId].name),
                 message: mm,

plugins/data_migration/frontend/public/localization/data_migration.properties

@@ -165,5 +165,6 @@ systemlogs.action.import_finished_response_failed = Import successful. Failed to
 systemlogs.action.app_redirected = App redirected
 #for app redirect settings
 management-applications.redirect_url= Redirect URL
+management-applications.redirect_url.help = Incoming data for this app is redirected to given address. Disable to stop data redirection.
 management-applications.table.redirect_not_set = None
 management-applications.table.remove_redirect = Remove redirect