Hide embedded PDF chrome where supported and improve iframe sizing.

Made-with: Cursor

Author: bernardhanna

resources/views/training/partials/roadmap-pdf-embed.blade.php

@@ -1,17 +1,25 @@
 @props([
     'url',
 ])
+@php
+    // Strip any fragment from stored URL for the "open in new tab" link.
+    $tabUrl = \Illuminate\Support\Str::before($url, '#');
+    // Adobe-style PDF open parameters: hide toolbar/side panes in many Chromium viewers.
+    // Safari / iOS often ignore these; users can use "Open in new tab" for the native viewer.
+    $embedSrc = $tabUrl.'#toolbar=0&navpanes=0&scrollbar=1&view=FitH';
+@endphp
 <div class="w-full max-w-full my-6 rounded-xl overflow-hidden border border-slate-200 bg-slate-100 shadow-sm">
     <iframe
         title="{{ __('Roadmap (PDF)') }}"
-        src="{{ $url }}"
-        class="w-full border-0 block"
-        style="height: min(75vh, 880px); min-height: 480px;"
+        src="{{ $embedSrc }}"
+        class="w-full border-0 block max-w-full"
+        style="width: 100%; height: min(85dvh, 920px); min-height: min(60dvh, 520px);"
         loading="lazy"
+        referrerpolicy="no-referrer-when-downgrade"
     ></iframe>
 </div>
 <p class="text-sm mt-2 mb-0 text-[#333E48]">
-    <a href="{{ $url }}" target="_blank" rel="noopener noreferrer" class="text-dark-blue underline font-medium">
+    <a href="{{ $tabUrl }}" target="_blank" rel="noopener noreferrer" class="text-dark-blue underline font-medium">
         {{ __('Open roadmap PDF in a new tab') }}
     </a>
     — {{ __('if the preview does not load in your browser.') }}