feat: Sites Management Card review - MEED-7165 - Meeds-io/MIPs#137

Meeds-io · Jul 4, 2024 · de2545e · de2545e
1 parent b90c29b
commit de2545e
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/...vue-app/common-layout-components/components/manage-permissions/ManageAccessPermission.vue b/...vue-app/common-layout-components/components/manage-permissions/ManageAccessPermission.vue
@@ -18,14 +18,14 @@
 -->
 <template>
   <div>
-    <p class="font-weight-bold text-start text-color body-2">{{ whoCanView }}</p>
+    <p class="text-start text-color subtitle-1">{{ whoCanView }}</p>
     <v-select
       v-model="type"
       :items="typeLabel"
       item-text="text"
       item-value="value"
       dense
-      class="caption"
+      class="caption pt-0"
       outlined />
     <exo-identity-suggester
       v-if="showAccessPermissionsGroupSuggester"

diff --git a/...p/vue-app/common-layout-components/components/manage-permissions/ManageEditPermission.vue b/...p/vue-app/common-layout-components/components/manage-permissions/ManageEditPermission.vue
@@ -18,7 +18,7 @@
 -->
 <template>
   <div>
-    <p class="font-weight-bold text-start text-color body-2">{{ whoCanEdit }}</p>
+    <p class="text-start text-color subtitle-1">{{ whoCanEdit }}</p>
     <exo-identity-suggester
       ref="navigationNodeEditPermissions"
       :labels="suggesterLabels"

diff --git a/layout-webapp/src/main/webapp/vue-app/site-management/components/SiteCard.vue b/layout-webapp/src/main/webapp/vue-app/site-management/components/SiteCard.vue
@@ -33,7 +33,7 @@
         :site="site" />
     </v-toolbar>
     <div class="d-flex flex-grow-0 flex-shrink-1 rich-editor-content">
-      <span class="align-self-center text-wrap text-left text-break mx-2 text-truncate-4" v-sanitized-html="site.description"></span>
+      <span class="align-self-center text-wrap text-left text-break mx-4 text-truncate-4" v-sanitized-html="site.description"></span>
     </div>
     <v-footer absolute class="px-0 py-0">
       <v-toolbar

diff --git a/layout-webapp/src/main/webapp/vue-app/site-management/components/SitePropertiesDrawer.vue b/layout-webapp/src/main/webapp/vue-app/site-management/components/SitePropertiesDrawer.vue
@@ -50,7 +50,7 @@
             @blur="convertSiteName">
             <template #title>
               <v-label>
-                <span class="text-color font-weight-bold">
+                <span class="text-color">
                   {{ $t('siteManagement.label.siteLabel.title') }} *              
                 </span>
               </v-label>
@@ -59,7 +59,7 @@
         </v-card-text>
         <v-card-text class="d-flex pb-2">
           <v-label>
-            <span class="text-color font-weight-bold">
+            <span class="text-color">
               {{ $t('siteManagement.label.siteName.title') }} *              
             </span>
           </v-label>
@@ -90,7 +90,7 @@
             rich-editor>
             <template #title>
               <v-label>
-                <span class="text-color font-weight-bold">
+                <span class="text-color">
                   {{ $t('siteManagement.label.siteDescription.title') }}           
                 </span>
               </v-label>
@@ -106,7 +106,7 @@
         </v-card-text>
         <v-card-text class="mt-3 py-4 px-3">
           <v-label>
-            <span class="text-color font-weight-bold mb-2 px-1 text-capitalize"> {{ $t('siteManagement.label.banner') }}</span>
+            <span class="text-color mb-2 px-1 text-capitalize"> {{ $t('siteManagement.label.banner') }}</span>
           </v-label>
           <v-label>
             <span class="text-color caption px-1 text-capitalize"> {{ $t('siteManagement.label.caption') }}</span>
@@ -122,7 +122,7 @@
         </v-card-text>
         <v-card-text class="mt-4">
           <v-label>
-            <span class="text-color font-weight-bold mb-2"> {{ $t('siteManagement.label.displayOrder') }}</span>
+            <span class="text-color mb-2"> {{ $t('siteManagement.label.displayOrder') }}</span>
           </v-label>
           <v-row class="mx-0 mt-2">
             <v-col class="d-flex flex-row px-0 py-0 col-10">