IBX-12334: Fixed styling of the Select translation panel (#2031)

Author: tischsoic

src/bundle/Resources/public/js/scripts/sidebar/btn/location.edit.js

@@ -54,12 +54,12 @@
         const checkedBtn = event.currentTarget;
         const languageCode = checkedBtn.value;
         const checkVersionDraftLink = Routing.generate('ibexa.version_draft.has_no_conflict', { contentId, languageCode, locationId });
-        const activeLanguageItem = event.target.closest('.ibexa-instant-filter__group-item')?.querySelector('.ids-label');
-        const allLanguageItems = form.querySelectorAll('.ibexa-instant-filter__group-item .ids-label');
+        const activeLanguageItem = event.target.closest('.form-check')?.querySelector('.ids-choice-input-field__label');
+        const allLanguageItems = form.querySelectorAll('.form-check .ids-choice-input-field__label');
         const submitBtn = form.querySelector('.ibexa-extra-actions__confirm-btn');
 
         allLanguageItems.forEach((item) => {
-            item.classList.remove('ids-label--active');
+            item.classList.remove('ids-choice-input-field__label--active');
         });
 
         fetch(checkVersionDraftLink, {
@@ -83,7 +83,7 @@
             }
 
             submitBtn.disabled = false;
-            activeLanguageItem?.classList.add('ids-label--active');
+            activeLanguageItem?.classList.add('ids-choice-input-field__label--active');
         });
     };
     const attachEventsToEditActionsWidget = (container) => {

src/bundle/Resources/public/scss/_extra-actions.scss

@@ -139,6 +139,7 @@
             padding-left: 0;
         }
 
+        .ids-choice-input-field__label,
         .ids-label {
             @include edit-language-item;
         }
@@ -147,7 +148,7 @@
             margin: 0 0 calculateRem(30px) 0;
         }
 
-        .ibexa-input[type='radio'] {
+        .form-check-input[type='radio'] {
             display: none;
         }
     }

src/bundle/Resources/public/scss/_translation-selector.scss

@@ -4,7 +4,7 @@
 
 .ibexa-translation-selector {
     .ibexa-instant-filter__group-item {
-        .ibexa-btn {
+        .ids-btn {
             @include edit-language-item;
 
             display: block;