Merge branch 'develop' into plugins_system

src-ui/app/config_page/sidebar_section/SidebarSection.jsx

@@ -43,9 +43,16 @@ const Tab = (props) => {
         [styles["is_selected"]]: (currentSelectedConfigTabId.data === props.tab_id) ? true : false
     });
 
+    const getLabel = () => {
+        if (props.tab_id === "vr") return "VR";
+        if (props.tab_id === "supporters") return "Supporters";
+        if (props.tab_id === "about_vrct") return "About VRCT";
+        return t(`config_page.side_menu_labels.${props.tab_id}`);
+    };
+
     return (
         <div className={tab_container_class_names} onClick={onclickFunction}>
-            <p className={styles.tab_text}>{t(`config_page.side_menu_labels.${props.tab_id}`)}</p>
+            <p className={styles.tab_text}>{getLabel()}</p>
             <div className={switch_indicator_class_names}></div>
         </div>
     );

src-ui/app/config_page/sidebar_section/SidebarSection.module.scss

@@ -9,6 +9,7 @@
     flex-direction: column;
     justify-content: space-between;
     overflow-y: auto;
+    // overflow-x: hidden;
     height: 100%;
     max-height: 60rem;
 }
@@ -59,7 +60,9 @@
 }
 
 .tab_text {
+    overflow: hidden;
     font-size: 1.6rem;
+    text-overflow: ellipsis;
 }
 
 .separated_tabs_wrapper {