Merge pull request #139 from bcgov/sc3004

adjust and remove heading css
bcgov · Oct 24, 2023 · 4f22385 · 4f22385
2 parents 7cb5dba + cf2fd6d
commit 4f22385
Show file tree

Hide file tree

Showing 18 changed files with 32 additions and 57 deletions.
diff --git a/frontend/src/assets/primevue.scss b/frontend/src/assets/primevue.scss
@@ -118,3 +118,8 @@
   padding: .25rem .75rem;
   font-weight: normal;
 }
+
+h1, h2, h3, h4, h5 {
+	font-weight: 600;
+	line-height: 1.2em;
+}
diff --git a/frontend/src/components/bucket/BucketList.vue b/frontend/src/components/bucket/BucketList.vue
@@ -132,9 +132,6 @@ onMounted(async () => {
 </template>
 
 <style lang="scss" scoped>
-h1 {
-  font-weight: bold;
-}
 
 button {
   text-indent: 10px;

diff --git a/frontend/src/components/bucket/BucketSidebar.vue b/frontend/src/components/bucket/BucketSidebar.vue
@@ -87,7 +87,7 @@ watch(props, () => {
   <div class="pl-2 sidebar">
     <div class="grid details-grid grid-nogutter">
       <div class="col-12">
-        <h2 class="font-bold">
+        <h2>
           Properties
         </h2>
       </div>
@@ -110,7 +110,7 @@ watch(props, () => {
     </div>
     <div class="grid details-grid grid-nogutter">
       <div class="col-12">
-        <h2 class="font-bold">
+        <h2>
           Access
         </h2>
       </div>
@@ -129,7 +129,6 @@ watch(props, () => {
 <style lang="scss" scoped>
 h1 {
   padding-left: 1rem;
-  font-weight: bold;
 }
 
 h2 {

diff --git a/frontend/src/components/object/ObjectAccess.vue b/frontend/src/components/object/ObjectAccess.vue
@@ -53,7 +53,7 @@ watch(props, () => {
     class="grid details-grid grid-nogutter mb-2"
   >
     <div class="col-12">
-      <h2 class="font-bold">
+      <h2>
         Access
       </h2>
     </div>

diff --git a/frontend/src/components/object/ObjectFileDetails.vue b/frontend/src/components/object/ObjectFileDetails.vue
@@ -137,11 +137,9 @@ watch( [props, getObjects], async () => {
     <div class="grid pol-0">
       <div class="col-12">
         <h1
-          class="pl-1 font-bold heading"
+          class="pl-1 heading"
         >
-          <span>
-            File details
-          </span>
+          File details
         </h1>
       </div>
       <div class="flex col justify-content-start">
@@ -150,9 +148,9 @@ watch( [props, getObjects], async () => {
             icon="fa-solid fa-circle-info"
             style="font-size: 2rem"
           />
-          <h1 class="pl-1 font-bold">
+          <h2 class="pl-1">
             {{ obj.name }}
-          </h1>
+          </h2>
         </div>
 
         <div

diff --git a/frontend/src/components/object/ObjectMetadata.vue b/frontend/src/components/object/ObjectMetadata.vue
@@ -99,7 +99,7 @@ watch([props, tsGetMetadata,vsGetMetadata] , () => {
 <template>
   <div class="grid details-grid grid-nogutter mb-2">
     <div class="col-12">
-      <h2 class="font-bold">
+      <h2>
         Metadata
       </h2>
     </div>

diff --git a/frontend/src/components/object/ObjectMetadataTagForm.vue b/frontend/src/components/object/ObjectMetadataTagForm.vue
@@ -81,7 +81,7 @@ onBeforeMount(() => {
         <!-- TODO: Wrap these field arrays into a common key/value pair component? -->
         <div class="grid">
           <div class="col-12">
-            <h2 class="font-bold">
+            <h2>
               Metadata
             </h2>
           </div>
@@ -142,7 +142,7 @@ onBeforeMount(() => {
       <span v-if="tagsetEditable">
         <div class="grid">
           <div class="col-12">
-            <h2 class="font-bold">
+            <h2>
               Tags
             </h2>
           </div>

diff --git a/frontend/src/components/object/ObjectProperties.vue b/frontend/src/components/object/ObjectProperties.vue
@@ -61,7 +61,7 @@ watch( props, () => {
 <template>
   <div class="grid details-grid grid-nogutter mb-2">
     <div class="col-12">
-      <h2 class="font-bold">
+      <h2>
         Properties
       </h2>
     </div>

diff --git a/frontend/src/components/object/ObjectSidebar.vue b/frontend/src/components/object/ObjectSidebar.vue
@@ -101,7 +101,6 @@ watch( props, () => {
 <style lang="scss" scoped>
 h1 {
   padding-left: 1rem;
-  font-weight: bold;
 }
 
 h2 {

diff --git a/frontend/src/components/object/ObjectTag.vue b/frontend/src/components/object/ObjectTag.vue
@@ -94,7 +94,7 @@ watch( [props, tsGetTagging, vsGetTagging], () => {
     class="grid details-grid grid-nogutter mb-2"
   >
     <div class="col-12">
-      <h2 class="font-bold">
+      <h2>
         Tags
       </h2>
     </div>

diff --git a/frontend/src/components/object/ObjectVersion.vue b/frontend/src/components/object/ObjectVersion.vue
@@ -96,7 +96,7 @@ watch( getVersions, async () => {
 <template>
   <div class="grid details-grid grid-nogutter mb-2">
     <div class="col-12">
-      <h2 class="font-bold">
+      <h2>
         Versions
       </h2>
     </div>

diff --git a/frontend/src/views/DeveloperView.vue b/frontend/src/views/DeveloperView.vue
@@ -45,8 +45,3 @@ const { getConfig } = storeToRefs(useConfigStore());
   </div>
 </template>
 
-<style lang="scss" scoped>
-h3 {
-  margin-top: 1em;
-}
-</style>
diff --git a/frontend/src/views/Forbidden.vue b/frontend/src/views/Forbidden.vue
@@ -1,17 +1,8 @@
 <script setup lang="ts" />
 
 <template>
-  <h3>
+  <h1>
     Forbidden.
-  </h3>
+  </h1>
 </template>
 
-<style lang="scss" scoped>
-h1 {
-  font-weight: bold;
-}
-
-h3 {
-  font-weight: bold;
-}
-</style>
diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
@@ -21,7 +21,7 @@ const { getConfig } = storeToRefs(useConfigStore());
 
   <div class="flex flex-column mr-8 ml-8">
     <div class="flex justify-content-center mb-5">
-      <h1 class="font-bold">
+      <h1>
         Store and share files in BCBox
       </h1>
     </div>
@@ -59,7 +59,7 @@ const { getConfig } = storeToRefs(useConfigStore());
       />
     </div>
     <div class="flex justify-content-center mb-5">
-      <h2 class="font-bold">
+      <h2>
         Ongoing feature enhancements
       </h2>
     </div>
@@ -74,7 +74,7 @@ const { getConfig } = storeToRefs(useConfigStore());
     <div class="grid mb-8">
       <div class="col-6 pr-5">
         <div class="flex align-items-left mb-2">
-          <h2 class="font-bold">
+          <h2>
             Upload and download objects
           </h2>
         </div>
@@ -99,7 +99,7 @@ const { getConfig } = storeToRefs(useConfigStore());
     <div class="grid mb-8">
       <div class="col-6 pr-5">
         <div class="flex align-items-left mb-2">
-          <h2 class="font-bold">
+          <h2>
             Manage access and share
           </h2>
         </div>
@@ -125,7 +125,7 @@ const { getConfig } = storeToRefs(useConfigStore());
       </div>
     </div>
     <div class="flex justify-content-center mb-5">
-      <h2 class="font-bold">
+      <h2>
         Versioning, metadata, tagging, syncing with existing buckets and more
       </h2>
     </div>
@@ -150,7 +150,7 @@ const { getConfig } = storeToRefs(useConfigStore());
       </router-link>
     </div>
     <div class="flex justify-content-center mb-5">
-      <h2 class="font-bold">
+      <h2>
         Terms of Use
       </h2>
     </div>

diff --git a/frontend/src/views/NotFound.vue b/frontend/src/views/NotFound.vue
@@ -1,17 +1,8 @@
 <script setup lang="ts" />
 
 <template>
-  <h3>
+  <h1>
     Not found.
-  </h3>
+  </h1>
 </template>
 
-<style lang="scss" scoped>
-h1 {
-  font-weight: bold;
-}
-
-h3 {
-  font-weight: bold;
-}
-</style>
diff --git a/frontend/src/views/oidc/OidcCallbackView.vue b/frontend/src/views/oidc/OidcCallbackView.vue
@@ -25,7 +25,7 @@ onMounted(async () => {
 </template>
 
 <style lang="scss" scoped>
-h2 {
+h1 {
   margin-top: 10rem;
   text-align: center;
 }

diff --git a/frontend/src/views/oidc/OidcLoginView.vue b/frontend/src/views/oidc/OidcLoginView.vue
@@ -17,7 +17,7 @@ onMounted(() => {
 </template>
 
 <style lang="scss" scoped>
-h2 {
+h1 {
   margin-top: 10rem;
   text-align: center;
 }

diff --git a/frontend/src/views/oidc/OidcLogoutView.vue b/frontend/src/views/oidc/OidcLogoutView.vue
@@ -17,12 +17,12 @@ onMounted(async () => {
 </script>
 
 <template>
-  <h2>Logging out...</h2>
+  <h1>Logging out...</h1>
   <Spinner />
 </template>
 
 <style lang="scss" scoped>
-h2 {
+h1 {
   margin-top: 10rem;
   text-align: center;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -53,7 +53,7 @@ watch(props, () => { @@
         class="grid details-grid grid-nogutter mb-2"
       >
         <div class="col-12">
-          <h2 class="font-bold">
+          <h2>
             Access
           </h2>
         </div>
@@ Expand Down @@