Style confirmations and alerts consistently across all sections (#3251)

src/Umbraco.Web.UI.Client/src/views/datatypes/move.html

@@ -12,12 +12,16 @@
             </div>
 
             <div ng-show="error">
-                <h5 class="text-error">{{error.errorMsg}}</h5>
-                <p class="text-error">{{error.data.message}}</p>
+                <div class="alert alert-error">
+                    <div><strong>{{error.errorMsg}}</strong></div>
+                    <div>{{error.data.message}}</div>
+                </div>
             </div>
 
             <div ng-show="success">
-                <h5 class="text-success"><strong>{{currentNode.name}}</strong> <localize key="editdatatype_wasMoved">was moved underneath</localize>&nbsp;<strong>{{target.name}}</strong></h5>
+                <div class="alert alert-success">
+                    <strong>{{currentNode.name}}</strong> <localize key="editdatatype_wasMoved">was moved underneath</localize>&nbsp;<strong>{{target.name}}</strong>
+                </div>
                 <button class="btn btn-primary" ng-click="nav.hideDialog()">Ok</button>
             </div>
 

src/Umbraco.Web.UI.Client/src/views/datatypes/rename.html

@@ -7,8 +7,10 @@
               val-form-manager>
 
             <div ng-show="error">
-                <h5 class="text-error">{{error.errorMsg}}</h5>
-                <p class="text-error">{{error.data.message}}</p>
+                <div class="alert alert-error">
+                    <div><strong>{{error.errorMsg}}</strong></div>
+                    <div>{{error.data.message}}</div>
+                </div>
             </div>
 
             <umb-control-group label="@renamecontainer_enterNewFolderName" hide-label="false">

src/Umbraco.Web.UI.Client/src/views/documenttypes/copy.html

@@ -12,13 +12,16 @@
             </div>
 
             <div ng-show="error">
-                <h5 class="text-error">{{error.errorMsg}}</h5>
-                <p class="text-error">{{error.data.message}}</p>
+                <div class="alert alert-error">
+                    <div><strong>{{error.errorMsg}}</strong></div>
+                    <div>{{error.data.message}}</div>
+                </div>
             </div>
 
             <div ng-show="success">
-                <h5 class="text-success">
-                    <strong>{{currentNode.name}}</strong> <localize key="contentTypeEditor_copiedUnderneath">was copied underneath</localize>&nbsp;<strong>{{target.name}}</strong></h5>
+                <div class="alert alert-success">
+                    <strong>{{currentNode.name}}</strong> <localize key="contentTypeEditor_copiedUnderneath">was copied underneath</localize>&nbsp;<strong>{{target.name}}</strong>
+                </div>
                 <button class="btn btn-primary" ng-click="nav.hideDialog()">Ok</button>
             </div>
 

src/Umbraco.Web.UI.Client/src/views/documenttypes/create.html

@@ -50,8 +50,10 @@
               val-form-manager>
 
             <div ng-show="error">
-                <h5 class="text-error">{{error.errorMsg}}</h5>
-                <p class="text-error">{{error.data.message}}</p>
+                <div class="alert alert-error">
+                    <div><strong>{{error.errorMsg}}</strong></div>
+                    <div>{{error.data.message}}</div>
+                </div>
             </div>
 
             <umb-control-group label="Enter a folder name" hide-label="false">
@@ -74,8 +76,10 @@
               val-form-manager>
 
             <div ng-show="error">
-                <h5 class="text-error">{{error.errorMsg}}</h5>
-                <p class="text-error">{{error.data.message}}</p>
+                <div class="alert alert-error">
+                    <div><strong>{{error.errorMsg}}</strong></div>
+                    <div>{{error.data.message}}</div>
+                </div>
             </div>
 
             <umb-control-group label="Name of the Parent Document Type" hide-label="false">

src/Umbraco.Web.UI.Client/src/views/documenttypes/move.html

@@ -12,13 +12,16 @@
             </div>
 
             <div ng-show="error">
-                <h5 class="text-error">{{error.errorMsg}}</h5>
-                <p class="text-error">{{error.data.message}}</p>
+                <div class="alert alert-error">
+                    <div><strong>{{error.errorMsg}}</strong></div>
+                    <div>{{error.data.message}}</div>
+                </div>
             </div>
 
             <div ng-show="success">
-                <h5 class="text-success">
-                    <strong>{{currentNode.name}}</strong> <localize key="contentTypeEditor_movedUnderneath">was moved underneath</localize>&nbsp;<strong>{{target.name}}</strong></h5>
+                <div class="alert alert-success">
+                    <strong>{{currentNode.name}}</strong> <localize key="contentTypeEditor_movedUnderneath">was moved underneath</localize>&nbsp;<strong>{{target.name}}</strong>
+                </div>
                 <button class="btn btn-primary" ng-click="nav.hideDialog()">Ok</button>
             </div>
 

src/Umbraco.Web.UI.Client/src/views/documenttypes/rename.html

@@ -6,8 +6,10 @@
               val-form-manager>
 
             <div ng-show="error">
-                <h5 class="text-error">{{error.errorMsg}}</h5>
-                <p class="text-error">{{error.data.message}}</p>
+                <div class="alert alert-error">
+                    <div><strong>{{error.errorMsg}}</strong></div>
+                    <div>{{error.data.message}}</div>
+                </div>
             </div>
 
             <umb-control-group label="@renamecontainer_enterNewFolderName" hide-label="false">

src/Umbraco.Web.UI.Client/src/views/mediatypes/copy.html

@@ -12,13 +12,16 @@
             </div>
 
             <div ng-show="error">
-                <h5 class="text-error">{{error.errorMsg}}</h5>
-                <p class="text-error">{{error.data.message}}</p>
+                <div class="alert alert-error">
+                    <div><strong>{{error.errorMsg}}</strong></div>
+                    <div>{{error.data.message}}</div>
+                </div>
             </div>
 
             <div ng-show="success">
-                <h5 class="text-success">
-                    <strong>{{currentNode.name}}</strong> <localize key="contentTypeEditor_copiedUnderneath">was copied underneath</localize>&nbsp;<strong>{{target.name}}</strong></h5>
+                <div class="alert alert-success">
+                    <strong>{{currentNode.name}}</strong> <localize key="contentTypeEditor_copiedUnderneath">was copied underneath</localize>&nbsp;<strong>{{target.name}}</strong>
+                </div>
                 <button class="btn btn-primary" ng-click="nav.hideDialog()">Ok</button>
             </div>
 

src/Umbraco.Web.UI.Client/src/views/mediatypes/move.html

@@ -12,12 +12,16 @@
             </div>
 
             <div ng-show="error">
-                <h5 class="text-error">{{error.errorMsg}}</h5>
-                <p class="text-error">{{error.data.message}}</p>
+                <div class="alert alert-error">
+                    <div><strong>{{error.errorMsg}}</strong></div>
+                    <div>{{error.data.message}}</div>
+                </div>
             </div>
 
             <div ng-show="success">
-                <h5 class="text-success"><strong>{{currentNode.name}}</strong> <localize key="contentTypeEditor_movedUnderneath">was moved underneath</localize>&nbsp;<strong>{{target.name}}</strong></h5>
+                <div class="alert alert-success">
+                    <strong>{{currentNode.name}}</strong> <localize key="contentTypeEditor_movedUnderneath">was moved underneath</localize>&nbsp;<strong>{{target.name}}</strong>
+                </div>
                 <button class="btn btn-primary" ng-click="nav.hideDialog()">Ok</button>
             </div>
 

src/Umbraco.Web.UI.Client/src/views/mediatypes/rename.html

@@ -6,8 +6,10 @@
               val-form-manager>
 
             <div ng-show="error">
-                <h5 class="text-error">{{error.errorMsg}}</h5>
-                <p class="text-error">{{error.data.message}}</p>
+                <div class="alert alert-error">
+                    <div><strong>{{error.errorMsg}}</strong></div>
+                    <div>{{error.data.message}}</div>
+                </div>
             </div>
 
             <umb-control-group label="@renamecontainer_enterNewFolderName" hide-label="false">

src/Umbraco.Web.UI.Client/src/views/partialviewmacros/create.html

@@ -61,8 +61,10 @@
                     val-form-manager>
 
                 <div ng-show="vm.createFolderError">
-                    <h5 class="text-error">{{vm.createFolderError.errorMsg}}</h5>
-                    <p class="text-error">{{vm.createFolderError.data.message}}</p>
+                    <div class="alert alert-error">
+                        <div><strong>{{vm.createFolderError.errorMsg}}</strong></div>
+                        <div>{{vm.createFolderError.data.message}}</div>
+                    </div>
                 </div>
 
                 <umb-control-group label="Enter a folder name" hide-label="false">

src/Umbraco.Web.UI.Client/src/views/partialviews/create.html

@@ -51,8 +51,10 @@
                     val-form-manager>
                 
                 <div ng-show="vm.createFolderError">
-                    <h5 class="text-error">{{vm.createFolderError.errorMsg}}</h5>
-                    <p class="text-error">{{vm.createFolderError.data.message}}</p>
+                    <div class="alert alert-error">
+                        <div><strong>{{vm.createFolderError.errorMsg}}</strong></div>
+                        <div>{{vm.createFolderError.data.message}}</div>
+                    </div>
                 </div>
 
                 <umb-control-group label="Enter a folder name" hide-label="false">

src/Umbraco.Web.UI.Client/src/views/scripts/create.html

@@ -26,8 +26,10 @@
               val-form-manager>
             
             <div ng-show="vm.createFolderError">
-                <h5 class="text-error">{{vm.createFolderError.errorMsg}}</h5>
-                <p class="text-error">{{vm.createFolderError.data.message}}</p>
+                <div class="alert alert-error">
+                    <div><strong>{{vm.createFolderError.errorMsg}}</strong></div>
+                    <div>{{vm.createFolderError.data.message}}</div>
+                </div>
             </div>
 
             <umb-control-group label="Enter a folder name" hide-label="false">