Change the default viewport from 800x600 to 1920x1080 to render desktop layouts by default, matching common screen resolutions. Add --width and --height CLI flags to app_browser for both windowed and --render modes, allowing custom viewport dimensions. Update the investigate skill to support optional dimension arguments and record the viewport size in investigation reports. Close CNN F-007 as expected behavior (nav hidden by responsive CSS at narrow viewports). Add selector engine tests for compound class selectors inside :not() and a golden test for display:contents with :not() selectors, confirming correct handling of CNN-style CSS patterns. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
25 lines
642 B
HTML
25 lines
642 B
HTML
<html>
|
|
<head>
|
|
<style>
|
|
.nav { display: none }
|
|
body:not(.mobile.edit):not(.app.edit) .nav { display: contents }
|
|
body:not(.mobile.edit):not(.app.edit) .nav-container { display: contents }
|
|
body:not(.mobile.edit):not(.app.edit) .nav-item { display: block; padding: 0 12px }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="display:flex; width:400px">
|
|
<div style="width:24px; height:40px; background:gray"></div>
|
|
<div>
|
|
<nav class="nav">
|
|
<div class="nav-container">
|
|
<div class="nav-item">US</div>
|
|
<div class="nav-item">World</div>
|
|
<div class="nav-item">Politics</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|