From 2468c8d1003ccb21cc5c9897618926feadfa749a Mon Sep 17 00:00:00 2001 From: Prospect Date: Mon, 26 Feb 2024 14:16:28 -0500 Subject: [PATCH] ui/ux improvements --- assets/css/styles.css | 97 +++++++++++-------- header.php | 2 +- .../internal/before-signing-the-lease.php | 10 +- templates/internal/budgeting-your-money.php | 8 +- .../internal/education-level-differences.php | 8 +- ...gender-identity-and-sexual-orientation.php | 14 +-- .../internal/grants-bursaries-and-loans.php | 8 +- templates/internal/living-in-balance.php | 6 +- templates/internal/managing-stress.php | 4 +- templates/internal/nan-tribal-councils.php | 8 +- templates/internal/off-campus-housing.php | 8 +- .../online-learning-and-remote-work.php | 4 +- ...tive-education-counseling-associations.php | 8 +- templates/internal/safety.php | 6 +- templates/internal/strategies-for-success.php | 6 +- templates/partials/navigation.php | 12 +-- templates/partials/quick_links.php | 2 +- 17 files changed, 111 insertions(+), 100 deletions(-) diff --git a/assets/css/styles.css b/assets/css/styles.css index e1c9b34..70364ed 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -191,6 +191,30 @@ svg { } } /* FORMS */ +input[type=checkbox]:focus, +input[type=color]:focus, +input[type=date]:focus, +input[type=datetime-local]:focus, +input[type=datetime]:focus, +input[type=email]:focus, +input[type=month]:focus, +input[type=number]:focus, +input[type=password]:focus, +input[type=radio]:focus, +input[type=search]:focus, +input[type=tel]:focus, +input[type=text]:focus, +input[type=textarea]:focus, +input[type=time]:focus, +input[type=url]:focus, +input[type=week]:focus, +select:focus, +textarea:focus { + border-color: var(--primary-500) !important; + box-shadow: 0 0 0 1px var(--gray-500) !important; + outline: 2px solid transparent !important; +} + [type=text], [type=email], [type=url], @@ -1465,6 +1489,14 @@ select { inset: 0px; } +.-top-0 { + top: 0px; +} + +.-top-0\.5 { + top: -0.125rem; +} + .bottom-0 { bottom: 0px; } @@ -1485,20 +1517,8 @@ select { top: 0px; } -.left-0 { - left: 0px; -} - -.-top-0 { - top: 0px; -} - -.-top-0\.5 { - top: -0.125rem; -} - -.-top-1 { - top: -0.25rem; +.right-2 { + right: 0.5rem; } .z-20 { @@ -1556,6 +1576,10 @@ select { margin-top: 2rem; } +.ml-4 { + margin-left: 1rem; +} + .inline { display: inline; } @@ -1656,14 +1680,14 @@ select { max-width: 80rem; } -.max-w-xl { - max-width: 36rem; -} - .max-w-none { max-width: none; } +.max-w-xl { + max-width: 36rem; +} + .flex-1 { flex: 1 1 0%; } @@ -1794,32 +1818,23 @@ select { overflow-y: scroll; } -.rounded-md { - border-radius: 0.375rem; -} - .rounded-full { border-radius: 9999px; } +.rounded-md { + border-radius: 0.375rem; +} + .border { border-width: 1px; } -.border-2 { - border-width: 2px; -} - .border-blue-500 { --tw-border-opacity: 1; border-color: rgb(10 28 50/var(--tw-border-opacity)); } -.border-white { - --tw-border-opacity: 1; - border-color: rgb(255 255 255/var(--tw-border-opacity)); -} - .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0/var(--tw-bg-opacity)); @@ -1932,6 +1947,10 @@ select { object-position: top; } +.p-1 { + padding: 0.25rem; +} + .p-2 { padding: 0.5rem; } @@ -1944,14 +1963,6 @@ select { padding: 2rem; } -.p-1 { - padding: 0.25rem; -} - -.p-6 { - padding: 1.5rem; -} - .px-12 { padding-left: 3rem; padding-right: 3rem; @@ -2044,6 +2055,10 @@ select { padding-top: 1rem; } +.pr-2 { + padding-right: 0.5rem; +} + .text-center { text-align: center; } @@ -2159,10 +2174,6 @@ select { text-decoration-line: underline; } -.opacity-60 { - opacity: 0.6; -} - .opacity-70 { opacity: 0.7; } diff --git a/header.php b/header.php index 4184284..1253364 100644 --- a/header.php +++ b/header.php @@ -3,7 +3,7 @@ - + diff --git a/templates/internal/before-signing-the-lease.php b/templates/internal/before-signing-the-lease.php index bc7ddb9..4ac5c18 100644 --- a/templates/internal/before-signing-the-lease.php +++ b/templates/internal/before-signing-the-lease.php @@ -107,12 +107,12 @@ $firstTimeRentIssues = [ ?>
  • -
    -
    -

    +
    +
    +

    - @@ -120,7 +120,7 @@ $firstTimeRentIssues = [
    - +
      -
      +

      Quick Links

      - @@ -78,13 +78,13 @@
      -
      +

      Quick Links

      - diff --git a/templates/internal/education-level-differences.php b/templates/internal/education-level-differences.php index 85490ed..8c8d4e0 100644 --- a/templates/internal/education-level-differences.php +++ b/templates/internal/education-level-differences.php @@ -137,13 +137,13 @@ $educationLevelDifferences = [
    • -
      +
      -
      -

      +
      +

      - diff --git a/templates/internal/gender-identity-and-sexual-orientation.php b/templates/internal/gender-identity-and-sexual-orientation.php index fddcc2b..4cd028a 100644 --- a/templates/internal/gender-identity-and-sexual-orientation.php +++ b/templates/internal/gender-identity-and-sexual-orientation.php @@ -91,12 +91,12 @@ $genderIdentities = [ ?>
    • -
      +
      -

      +

      - @@ -155,12 +155,12 @@ $genderIdentities = [ ?>
    • -
      +
      -

      +

      - @@ -168,7 +168,7 @@ $genderIdentities = [
      - +
        -
        +
        -

        +

        - @@ -73,7 +73,7 @@ $studentFinancialTerms = [
        - +
          text-"> -
          +

          - @@ -110,7 +110,7 @@ $statesOfWellness = [
          - +
            (www.stressstrategies.ca/)
            -
            +

            Quick Links

            - diff --git a/templates/internal/nan-tribal-councils.php b/templates/internal/nan-tribal-councils.php index e106c7d..8cd4855 100644 --- a/templates/internal/nan-tribal-councils.php +++ b/templates/internal/nan-tribal-councils.php @@ -195,10 +195,10 @@ $tribalCouncils = [
            -
            +

            Contact Information

            - @@ -232,10 +232,10 @@ $tribalCouncils = [
            -
            +

            Tribal Councils

            - diff --git a/templates/internal/off-campus-housing.php b/templates/internal/off-campus-housing.php index 0cedcb0..c203a56 100644 --- a/templates/internal/off-campus-housing.php +++ b/templates/internal/off-campus-housing.php @@ -108,12 +108,12 @@ $rentProsCons = [
          • -
            +

            Pros

            - @@ -136,12 +136,12 @@ $rentProsCons = [
          • -
            +

            Cons

            - diff --git a/templates/internal/online-learning-and-remote-work.php b/templates/internal/online-learning-and-remote-work.php index d6d8b8b..c5a5eaf 100644 --- a/templates/internal/online-learning-and-remote-work.php +++ b/templates/internal/online-learning-and-remote-work.php @@ -160,12 +160,12 @@ $onlineLearningTips = [ ?>
          • -
            +

            - diff --git a/templates/internal/ontario-native-education-counseling-associations.php b/templates/internal/ontario-native-education-counseling-associations.php index 8e04de8..bb09587 100644 --- a/templates/internal/ontario-native-education-counseling-associations.php +++ b/templates/internal/ontario-native-education-counseling-associations.php @@ -67,12 +67,12 @@ $onecaLinks = [ ?>
          • -
            +
            -

            +

            - @@ -80,7 +80,7 @@ $onecaLinks = [
            - +
              -
              +

              - @@ -75,7 +75,7 @@ $safetyPrecaution = [
              - +
                -
                +
                -

                +

                - diff --git a/templates/partials/navigation.php b/templates/partials/navigation.php index cfd5ce0..dbe7bdb 100644 --- a/templates/partials/navigation.php +++ b/templates/partials/navigation.php @@ -20,7 +20,7 @@
                - +
                @@ -78,7 +78,7 @@ - @@ -119,19 +119,19 @@ - + - - \ No newline at end of file diff --git a/templates/partials/quick_links.php b/templates/partials/quick_links.php index 75d2a43..b09d97f 100644 --- a/templates/partials/quick_links.php +++ b/templates/partials/quick_links.php @@ -7,7 +7,7 @@ $parentPage = $pageForSlug->post_parent; if ($parentPage === 0) { -$subpages = getSubpagesForSlug($pages, $current_slug); + $subpages = getSubpagesForSlug($pages, $current_slug); } else $subpages = getSubpagesForSlug($pages, $pages[$parentPage]['page']->post_name);