UserCP and Other Private User Area Revisions (Phase 0)

What is on Your Mind?
1

Hey,

Having made a lot of progress on the "public facing" part of UNIX.COM, I may start working on remodeling the UserCP and other private areas.

Today, I made some small changes; but nothing major in the UserCP area.

However, I have not yet decided what to do with the UserCP:

  1. Keep the current table format and just clean up.
  2. Convert the tables to divs and reorganize and add flex box.
  3. Completely revamp the entire UserCP area.

I'm considering:

Convert the tables to divs and reorganize and add flex box.

But that's a lot of work; and I don't want to do it if I then think I will completely revamp to something different.

Today, I added some quick and dirty simply jQuery to the USERCP_SHELL template (to fix some bugs and quirks) as follows:

$(window).ready(function() {
  $(".neo-threadbit-thread-info").css({ "background-color": "white" });
  $(".fa-comment").css({ padding: "0px 10px 10px 0px" });
  $(".neo-threadbit-thread-icon")
    .css({ "background-color": "white", padding: "0px", margin: "0px" })
    .text("");
  $(".neo-table-divs-border").css({
    margin: "15px 0px 0px 0px",
    padding: "10px 20px 10px 20px"
  });
  $(".tborder")
    .addClass("neo-usercp-table")
    .removeClass("tborder");
  $(".neo-usercp-table").css({
    "border-width": "2px 1px 1px 1px",
    "border-style": "solid",
    "border-color": "rgba(126, 133, 192, 0.8)"
  });
  $("fieldset").css({
    "border-width": "1px 1px 1px 1px",
    "border-style": "solid",
    "border-color": "rgba(126, 133, 192, 0.8)"
  });
  $("#neo-usercp-html").css({
    width: "90%",
    margin: "0px 0px 0px 20px",
    overflow: "auto"
  });
});

Wrapping the HTML output of a number of UserCP HTML code in many UserCP PHP scripts with the id="neo-usercp-html" attribute and making some small changes here and there, just to clean up.