- fixes missing dotted line when customizing the user page due to the wrong class being used.

- fixes height of the dotted line going off the bottom of the viewport.

Author: jjeffryes

css/obBase.css

@@ -370,7 +370,7 @@ h6, .h6 {
 #obContainer.customizeUserPage {
   overflow: hidden;
   border: 5px dashed #fff;
-  height: 100%;
+  height: calc(100% - 76px);
   animation: borderDashedFade .35s normal linear;
 }
 

js/router.js

@@ -183,7 +183,7 @@ module.exports = Backbone.Router.extend({
   cleanup: function(){
     $('#loadingModal').addClass('hide'); //hide modal if it is still visible
     messageModal.hide();
-    $('#obContainer').removeClass('modalOpen innerModalOpen box-borderDashed noScrollBar overflowHidden');
+    $('#obContainer').removeClass('modalOpen innerModalOpen customizeUserPage noScrollBar overflowHidden');
     window.obEventBus.trigger('cleanNav');
   },
 

js/views/userPageVw.js

@@ -565,7 +565,7 @@ UserPageVw = pageVw.extend({
     this.$el.find('.js-unfollow').removeClass('confirm');
     this.$el.find('.js-removemoderator').removeClass('confirm');
     this.$el.find('.user-page-header-slim-bg-cover').removeClass('user-page-header-slim-bg-cover-customize');
-    this.$obContainer[0].classList.remove("box-borderDashed", "noScrollBar", "overflowHidden");
+    this.$obContainer[0].classList.remove("customizeUserPage", "noScrollBar", "overflowHidden");
     //unhide the ones that are needed
     if (this.options.ownPage === true) {
       if (state === "listing" || state === "listingOld") {
@@ -576,7 +576,7 @@ UserPageVw = pageVw.extend({
         this.$el.find('.js-pageCustomizationButtons').removeClass('hide');
         this.$el.find('#customizeControls').removeClass('hide');
         this.$el.find('.user-page-header-slim-bg-cover').addClass('user-page-header-slim-bg-cover-customize');
-        this.$obContainer[0].classList.add("box-borderDashed", "noScrollBar", "overflowHidden");
+        this.$obContainer[0].classList.add("customizeUserPage", "noScrollBar", "overflowHidden");
       } else {
         this.$el.find('.js-pageButtons').removeClass('hide');
       }