Uploaded image for project: 'Blesta Core'
  1. Blesta Core
  2. CORE-5234

Update client theme FIVE to make some minor CSS improvements

    Details

    • Type: Improvement
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 5.11.0-b1
    • Fix Version/s: 5.11.0-b1
    • Component/s: Client Interface
    • Labels:
      None

      Description

      In 5.11 we added CORE-5095 which allows custom CSS overrides be added to staff and client themes.

      Update the existing client theme FIVE to include the following custom CSS. It should look like the attached screenshot once implemented.

      Note that the official FIVE theme is not editable, and it will remain so, users can export the theme and re-import it as a new theme if they want to make changes, as in the past.

      body {
          background-color: #f0f0f0;
      }
      body[class^="plugin-order"],
      body[class^="plugin-support_managerclient-knowledgebase"] {
          background-color: #ffffff;
      }
      body.plugin-orderclient-orders-index {
          background-color: #f0f0f0;
      }
      body.client-client_login-index {
          background-color: #ffffff;
      }
      .nav-content .navbar {
          font-size: 1rem;
      }
      .nav-content .container, .nav-content .container-md {
          padding: 10px 5px;
      }
      .top-nav .dropdown a.dropdown-toggle, .top-nav .dropdown a.dropdown-toggle:focus {
          color: #8c8c8c !important;
      }
      .top-nav .dropdown a.dropdown-toggle:hover {
          color: #2e3338 !important;
      }
      .title {
          height: 60px;
      }
      .title h3 {
          line-height: 60px;
      }
      .cards .card {
          border-bottom: .4em solid #2e33388a;
      }
      .card-blesta>.card-header, .panel .card-blesta>.panel-heading {
          padding: 14px 15px;
          font-size: 1rem;
      }
      .cards .card .card-content {
          width: 100%;
          padding: 10px;
      }
      .alert {
          padding: 1.25rem;
      }
      .footer {
          min-height: 90px;
      }
      

        Issue Links

          Activity

          Hide
          admin Paul Phillips added a comment -

          Note: A few known issues:

          • Login page background is gray with the attached CSS changes. There's no class assigned to the body so we can't set it to white there specifically. Need to add a class to the body tag on the login page?
          • Order pages have a similar issue.

          How can we make order pages and login page white while still overriding t he background on the login pages?

          Show
          admin Paul Phillips added a comment - Note: A few known issues: Login page background is gray with the attached CSS changes. There's no class assigned to the body so we can't set it to white there specifically. Need to add a class to the body tag on the login page? Order pages have a similar issue. How can we make order pages and login page white while still overriding t he background on the login pages?

            People

            • Assignee:
              abdy Abdy Franco
              Reporter:
              admin Paul Phillips
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 hours, 18 minutes
                2h 18m

                  Agile