fix(systemtags): Use built-in input label to satisfy a11y check of NcSelect

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

diff --git a/apps/systemtags/src/components/SystemTags.vue b/apps/systemtags/src/components/SystemTags.vue
index 9bd9619d7730ded6055b571f0590500b00201216..e0e77ebcd74298603e3c4bfbd528646f9324cfa6 100644 (file)
--- a/apps/systemtags/src/components/SystemTags.vue
+++ b/apps/systemtags/src/components/SystemTags.vue
@@ -26,9 +26,8 @@
                        :name="t('systemtags', 'Loading collaborative tags …')"
                        :size="32" />
                <template v-else>
-                       <label for="system-tags-input">{{ t('systemtags', 'Search or create collaborative tags') }}</label>
                        <NcSelectTags class="system-tags__select"
-                               input-id="system-tags-input"
+                               :input-label="t('systemtags', 'Search or create collaborative tags')"
                                :placeholder="t('systemtags', 'Collaborative tags …')"
                                :options="sortedTags"
                                :value="selectedTags"
@@ -224,10 +223,7 @@ export default Vue.extend({
        display: flex;
        flex-direction: column;
 
-       label[for="system-tags-input"] {
-               margin-bottom: 2px;
-       }
-
+       // Fix issue with AppSidebar styles overwriting NcSelect styles
        &__select {
                width: 100%;
                :deep {