diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index a7de5e1..5937771 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -49,6 +49,7 @@
"hsl-matcher": "^1.2.4",
"lezer": "^0.13.5",
"pinia": "^3.0.3",
+ "prettier": "^3.5.3",
"sass": "^1.89.2",
"uuid": "^11.1.0",
"vue": "^3.5.17",
@@ -4288,6 +4289,21 @@
"node": ">= 0.8.0"
}
},
+ "node_modules/prettier": {
+ "version": "3.5.3",
+ "resolved": "https://registry.npmmirror.com/prettier/-/prettier-3.5.3.tgz",
+ "integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
+ "license": "MIT",
+ "bin": {
+ "prettier": "bin/prettier.cjs"
+ },
+ "engines": {
+ "node": ">=14"
+ },
+ "funding": {
+ "url": "https://github.com/prettier/prettier?sponsor=1"
+ }
+ },
"node_modules/punycode": {
"version": "2.3.1",
"resolved": "https://registry.npmmirror.com/punycode/-/punycode-2.3.1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 48afbe8..3a1c606 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -53,6 +53,7 @@
"hsl-matcher": "^1.2.4",
"lezer": "^0.13.5",
"pinia": "^3.0.3",
+ "prettier": "^3.5.3",
"sass": "^1.89.2",
"uuid": "^11.1.0",
"vue": "^3.5.17",
diff --git a/frontend/src/components/toolbar/BlockLanguageSelector.vue b/frontend/src/components/toolbar/BlockLanguageSelector.vue
index 3a58fe9..ccf07cb 100644
--- a/frontend/src/components/toolbar/BlockLanguageSelector.vue
+++ b/frontend/src/components/toolbar/BlockLanguageSelector.vue
@@ -1,9 +1,13 @@
@@ -185,7 +376,8 @@ const getCurrentLanguageName = computed(() => {
v-for="language in filteredLanguages"
:key="language"
class="language-option"
- :class="{ 'active': currentLanguage === language }"
+ :class="{ 'active': getCurrentDisplayLanguage === language }"
+ :data-language="language"
@click="selectLanguage(language)"
>
{{ LANGUAGE_NAMES[language] || language }}
@@ -228,7 +420,7 @@ const getCurrentLanguageName = computed(() => {
}
.language-name {
- max-width: 60px;
+ max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
diff --git a/frontend/src/components/toolbar/Toolbar.vue b/frontend/src/components/toolbar/Toolbar.vue
index fc1ea03..d6f17c5 100644
--- a/frontend/src/components/toolbar/Toolbar.vue
+++ b/frontend/src/components/toolbar/Toolbar.vue
@@ -1,21 +1,22 @@