title: Collapsing related razor items in visual studio?
body: <p><strong>Goal</strong> - I am trying to change the visual studio solution explorer collapse settings, so that files with extensions such as .razor.css are collapsed under their 'parent' file so to speak.</p>
  <p><strong>Expected</strong> - My laptop environment does this automatically, I simply name the file (i.e. Index.razor Index.razor.css) and the situation resolves itself without any input from me.</p>
  <p><a href="https://i.stack.imgur.com/s0tIK.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/s0tIK.jpg" alt="Laptop environment showing collapsible structure." /></a></p>
  <p><strong>Actual</strong> - My desktop environment does not do this, for some reason it lists all the files consecutively, only collapsing from the folders.</p>
  <p><a href="https://i.stack.imgur.com/zxS9Q.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zxS9Q.jpg" alt="Desktop environment showing no collapsibility." /></a></p>
  <p>I have, no doubt, unchecked a box somewhere to get myself into this mess. I would rather not attempt to fix the problem with explicit entries in my .csproj or registry as recommended <a href="https://stackoverflow.com/questions/337406/collapsing-related-files-in-visual-studio">in this SO question</a>, unless I absolutely must.</p>
  <p>If anyone knows a way to control or edit this behaviour in Visual Studio Community 2022 then please do let me know!</p>