fix: Section styling and app links

Signed-off-by: Julius Härtl <[email protected]>
nextcloud · Apr 29, 2023 · f6364d7 · f6364d7
1 parent 64581bd
commit f6364d7
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 11 deletions.
diff --git a/src/components/CategoriesList.vue b/src/components/CategoriesList.vue
@@ -11,6 +11,8 @@
 			</NcAppNavigationCounter>
 		</NcAppNavigationItem>
 
+		<NcAppNavigationCaption :title="t('notes', 'Categories')" />
+
 		<NcAppNavigationItem v-for="category in categories"
 			:key="category.name"
 			:title="categoryTitle(category.name)"
@@ -30,6 +32,7 @@
 <script>
 import {
 	NcAppNavigationItem,
+	NcAppNavigationCaption,
 	NcAppNavigationCounter,
 } from '@nextcloud/vue'
 import { Fragment } from 'vue-fragment'
@@ -48,6 +51,7 @@ export default {
 	components: {
 		Fragment,
 		NcAppNavigationItem,
+		NcAppNavigationCaption,
 		NcAppNavigationCounter,
 		FolderIcon,
 		FolderOutlineIcon,

diff --git a/src/components/HelpMobile.vue b/src/components/HelpMobile.vue
@@ -4,8 +4,8 @@
 			{{ t('notes', 'Install the app for your mobile phone in order to access your notes from everywhere.') }}
 		</div>
 		<div class="badge-wrapper">
-			<a target="_blank" href="https://github.com/stefan-niedermann/nextcloud-notes">
-				{{ t('notes', 'Android app: {notes} by {company}', {notes: 'Nextcloud Notes', company: 'Niedermann IT-Dienstleistungen'}) }}
+			<a target="_blank" href="https://github.com/nextcloud/nextcloud-notes">
+				{{ t('notes', 'Android app: {notes}', {notes: 'Nextcloud Notes'}) }}
 			</a>
 			<div>
 				<div class="badge">
@@ -22,11 +22,11 @@
 		</div>
 		<div class="badge-wrapper">
 			<a target="_blank" href="https://github.com/phedlund/CloudNotes">
-				{{ t('notes', 'iOS app: {notes} by {company}', {notes: 'CloudNotes - Nextcloud Notes', company: 'Peter Hedlund'}) }}
+				{{ t('notes', 'iOS app: {notes}', {notes: 'Nextcloud Notes'}) }}
 			</a>
 			<div>
 				<div class="badge">
-					<a target="_blank" href="https://apps.apple.com/app/cloudnotes-owncloud-notes/id813973264">
+					<a target="_blank" href="https://apps.apple.com/app/nextcloud-notes/id813973264">
 						<img :src="getRoute('badge_applestore.svg')" class="appstore-badge badge-playstore-fix">
 					</a>
 				</div>

diff --git a/src/components/NotesCaption.vue b/src/components/NotesCaption.vue
@@ -1,7 +1,7 @@
 <template>
-	<div class="title">
+	<h3 class="title">
 		{{ title }}
-	</div>
+	</h3>
 </template>
 
 <script>
@@ -22,12 +22,16 @@ export default {
 
 <style scoped>
 	.title {
-		color: var(--color-primary-light-text);
 		font-weight: bold;
-		padding-left: 10px;
-		padding-top: 5px;
-		padding-bottom: 5px;
-		text-overflow: ellipsis;
+		color: var(--color-primary-element);
+		font-size: var(--default-font-size);
+		line-height: 44px;
 		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		opacity: .7;
+		box-shadow: none !important;
+		flex-shrink: 0;
+		padding: 0 calc(var(--default-grid-baseline, 4px)*2) 0 calc(var(--default-grid-baseline, 4px)*3);
 	}
 </style>