Update PHP

Author: sboldyreva

docs/.vuepress/components/TableTabs.vue

@@ -11,12 +11,17 @@ function formatKey(key) {
   return key.replace(/[__]/g, ' ')
 }
 
-// Display select
+defineProps({
+  label: {
+    type: String,
+    default: ''
+  }
+})
+
 onMounted(() => {
   const hash = decodeURIComponent(window.location.hash.slice(1))
   if (tabKeys.includes(hash)) {
     activeTab.value = hash
-
     nextTick(() => {
       const el = wrapperRef.value
       if (el) {
@@ -36,26 +41,60 @@ watch(activeTab, (newVal) => {
 </script>
 
 <template>
-  <div
-    ref="wrapperRef"
-    class="table-tabs mt-8 border rounded-lg overflow-hidden text-sm scroll-mt-24"
-    :id="activeTab"
-  >
-    <div class="bg-gray-50 flex justify-between items-center border-b px-4 py-2">
-<!--      <span class="font-medium text-gray-700">Optional Text:</span>   -->
-      <select
-        v-model="activeTab"
-        class="bg-white text-gray-800 text-sm rounded border-gray-300 focus:outline-none focus:ring-1 focus:ring-blue-500"
-      >
+  <div ref="wrapperRef" class="table-tabs" :id="activeTab">
+    <div class="tab-header">
+      <span v-if="label" class="label-text">
+        {{ label }}
+      </span>
+      <select v-model="activeTab" class="tab-select">
         <option v-for="key in tabKeys" :key="key" :value="key">
           {{ formatKey(key) }}
         </option>
       </select>
     </div>
 
-    <div class="tab-content prose prose-sm max-w-none p-4">
+    <div class="tab-content">
       <slot :name="currentTab" />
     </div>
+
+    <div class="bottom-line" />
   </div>
 </template>
 
+
+<style scoped>
+.table-tabs {
+  background: #fff;
+  scroll-margin-top: 4rem;
+}
+
+.tab-header {
+  border-top: 1px solid #d1d5db;
+  padding: 1rem 0;
+}
+
+.label-text {
+  color: #314659;
+}
+
+.tab-select {
+  background-color: #fff;
+  color: #314659;
+  font-size: 0.9rem;
+  padding: 0.25rem 0.25rem;
+  border: 1px solid #d1d5db;
+  border-radius: 0.5rem;
+  outline: none;
+}
+
+.tab-select:focus {
+  border-color: #5897fb;
+  box-shadow: 0 0 0 1px #5897fb;
+}
+
+.bottom-line {
+  border-top: 1px solid #d1d5db;
+  margin-top: 1rem; 
+}
+</style>
+

docs/.vuepress/routes.json

@@ -29,5 +29,16 @@
     "/extended-lifecycle-support": "/els-for-os/",
     "/els-for-languages/php/#download-tuxcare-php-windows": "/els-for-languages/php/#download-and-install-tuxcare-php-windows",
     "/els-for-languages/php/#configure-php": "/els-for-languages/php/#download-and-install-tuxcare-php-windows",
-    "/els-for-languages/php/#add-php-to-the-system-path": "/els-for-languages/php/#download-and-install-tuxcare-php-windows"
+    "/els-for-languages/php/#add-php-to-the-system-path": "/els-for-languages/php/#download-and-install-tuxcare-php-windows",
+    "/els-for-languages/php/#additional-configurations-optional": "/els-for-languages/php/#Enabling_a_module",
+    "/els-for-languages/php/#enabling-a-module-through-default-ini": "/els-for-languages/php/#Enabling_a_module",
+    "/els-for-languages/php/#enabling-a-module-through-the-configuration-files": "/els-for-languages/php/#Enabling_a_module",
+    "/els-for-languages/php/#enabling-a-module-through-the-cli": "/els-for-languages/php/#Enabling_a_module",
+    "/els-for-languages/php/#listing-enabled-modules-on-a-specific-version": "/els-for-languages/php/#Listing_enabled_modules_on_a_specific_version",
+    "/els-for-languages/php/#location-of-default-ini": "/els-for-languages/php/#Location_of_default.ini",
+    "/els-for-languages/php/#location-of-ini-config-files": "/els-for-languages/php/#Location_of_ini_config_files",
+    "/els-for-languages/php/#running-code-on-a-specific-version-through-the-cli": "/els-for-languages/php/#Running_code_on_a_specific_version_through_the_CLI",
+    "/els-for-languages/php/#modules-and-pecl-extensions": "/els-for-languages/php/#Modules_and_pecl_extensions",
+    "/els-for-languages/php/#the-bin-files": "/els-for-languages/php/#The_bin_files",
+    "/els-for-languages/php/#how-to-use-php-els": "/els-for-languages/php/#Increase_upload_or_memory_limits"
 }