From 4a5c2a141370fd9299327a3dbaef5fd03ea8c576 Mon Sep 17 00:00:00 2001 From: "Bruno P. Kinoshita" Date: Thu, 23 Apr 2020 12:16:17 +1200 Subject: [PATCH 1/7] Fix font-size for existing components and HTML elements --- src/components/core/Alert.vue | 2 +- src/styles/cylc/_header.scss | 4 ++-- src/styles/cylc/_toolbar.scss | 2 +- src/styles/cylc/_workflow.scss | 2 +- src/views/UserProfile.vue | 7 +++++-- src/views/WorkflowsTable.vue | 2 +- 6 files changed, 11 insertions(+), 8 deletions(-) diff --git a/src/components/core/Alert.vue b/src/components/core/Alert.vue index bcd3b2203..825eede96 100644 --- a/src/components/core/Alert.vue +++ b/src/components/core/Alert.vue @@ -7,7 +7,7 @@ class="ma-0" dismissible > - {{ alert.getText() }} +

{{ alert.getText() }}

diff --git a/src/styles/cylc/_header.scss b/src/styles/cylc/_header.scss index 8adf83bb1..a3cb5cc8e 100644 --- a/src/styles/cylc/_header.scss +++ b/src/styles/cylc/_header.scss @@ -4,11 +4,11 @@ .layout { .c-environment-info { - font-size: $font-size-root; + font-size: 1rem; font-weight: map-get($font-weights, 'regular'); .v-chip { - font-size: $font-size-root; + font-size: 1rem; span { background-color: map-get($grey, 'lighten-5'); } diff --git a/src/styles/cylc/_toolbar.scss b/src/styles/cylc/_toolbar.scss index f61859a24..07c8acdec 100644 --- a/src/styles/cylc/_toolbar.scss +++ b/src/styles/cylc/_toolbar.scss @@ -10,7 +10,7 @@ background-color: map-get($grey, 'lighten-4') !important; .c-toolbar-title, .add-view { - font-size: 22px; + font-size: 1.4rem; color: $font-default-color; font-weight: map-get($font-weights, medium); } diff --git a/src/styles/cylc/_workflow.scss b/src/styles/cylc/_workflow.scss index 69f2c51f6..7fd84db9a 100644 --- a/src/styles/cylc/_workflow.scss +++ b/src/styles/cylc/_workflow.scss @@ -29,7 +29,7 @@ .p-TabBar-tabLabel { font-family: $body-font-family; - font-size: $font-size-root; + font-size: 1rem; } .p-TabBar-tabCloseIcon { diff --git a/src/views/UserProfile.vue b/src/views/UserProfile.vue index 0853441af..7edfc0b8b 100644 --- a/src/views/UserProfile.vue +++ b/src/views/UserProfile.vue @@ -8,7 +8,7 @@ icon="mdi-settings" >

{{ $t('UserProfile.tableHeader') }}

- {{ $t('UserProfile.tableSubHeader') }} +

{{ $t('UserProfile.tableSubHeader') }}

@@ -20,6 +20,7 @@ disabled id="profile-username" aria-disabled="true" + class="body-1" /> @@ -31,6 +32,7 @@ disabled id="profile-admin" aria-disabled="true" + class="body-1" /> @@ -44,11 +46,11 @@ v-model="user.groups" :label="$t('UserProfile.groups')" attach - chips multiple disabled id="profile-groups" aria-disabled="true" + class="body-1" /> @@ -63,6 +65,7 @@ disabled id="profile-created" aria-disabled="true" + class="body-1" /> diff --git a/src/views/WorkflowsTable.vue b/src/views/WorkflowsTable.vue index 37d610633..1b671a86d 100644 --- a/src/views/WorkflowsTable.vue +++ b/src/views/WorkflowsTable.vue @@ -28,7 +28,7 @@ :value="true" color="error" icon="warning"> - No workflows found for the current user +

No workflows found for the current user