add languageSelector class, changed css selector for settings dropdown

Author: mullema

index.css

@@ -1,32 +1,32 @@
-/* hide language dropdown */
-.k-site-view.singleLanguage .k-header .k-dropdown,
-.k-page-view.singleLanguage .k-header .k-dropdown:nth-of-type(2),
-.k-user-view.singleLanguage .k-header .k-dropdown:nth-of-type(2) {
-    display: none;
-}
-
-/* hide draft option */
-.hideDraftOption .k-field-name-status .k-radio-input > li:first-child {
-    display: none;
-}
-
-/* hide settings dropdown */
-.k-page-view.hideSettings .k-header .k-dropdown:nth-of-type(1), /* top menu */
-.k-card.hideSettings .k-card-options-button, /* card */
-.k-list-item.hideSettings .k-list-item-toggle /* list-items */
-{
-    display: none;
-}
-
-/* hide status flag */
-.k-page-view.hideStatus header .k-status-flag, /* top menu */
-.k-list-item.hideStatus .k-status-flag, /* list-items */
-.k-card.hideStatus .k-status-flag /* card */
-{
-    display: none;
-}
-
-/* hide header buttons */
-.k-page-view.hideOptions .k-bar.k-header-buttons {
-    display: none;
-}
+/* hide language dropdown */
+.k-site-view.singleLanguage .k-dropdown.languageSelector,
+.k-page-view.singleLanguage .k-dropdown.languageSelector,
+.k-user-view.singleLanguage .k-dropdown.languageSelector {
+    display: none;
+}
+
+/* hide draft option */
+.hideDraftOption .k-field-name-status .k-radio-input > li:first-child {
+    display: none;
+}
+
+/* hide settings dropdown */
+.k-page-view.hideSettings .k-header .k-dropdown:not(.languageSelector), /* top menu */
+.k-card.hideSettings .k-card-options-button, /* card */
+.k-list-item.hideSettings .k-list-item-toggle /* list-items */
+{
+    display: none;
+}
+
+/* hide status flag */
+.k-page-view.hideStatus header .k-status-flag, /* top menu */
+.k-list-item.hideStatus .k-status-flag, /* list-items */
+.k-card.hideStatus .k-status-flag /* card */
+{
+    display: none;
+}
+
+/* hide header buttons */
+.k-page-view.hideOptions .k-bar.k-header-buttons {
+    display: none;
+}

index.js

@@ -90,6 +90,15 @@
         }
     }
 
+    const languageSelector = {
+        extends: 'k-languages-dropdown',
+        mounted() {
+            this.$nextTick(() => {
+                this.$el.classList.add("languageSelector")
+            })
+        }
+    };
+
     function watchLanguage(app) {
         app.$store.watch(
             state => {
@@ -149,6 +158,7 @@
         components: {
             'k-list-item': extension('k-list-item'),
             'k-card': extension('k-card'),
+            'k-languages-dropdown': languageSelector
         },
         created(app) {
             app.$router.afterEach((to, from) => {