HASH 2ab3df0a0b33
DATE 2026-07-17
SUBJECT web: fix print, media-correct frame visibility instead of display revert
FILES 1 CHANGED
HASH 2ab3df0a0b33
DATE 2026-07-17
SUBJECT web: fix print, media-correct frame
visibility instead of display revert
FILES 1 CHANGED
┌─ ooknet-design/src/styles/global.scss ─────────────────────────────────────┐
│ diff --git a/ooknet-design/src/styles/global.scss b/ooknet-design/src/styles/globa │
│ l.scss │
│ index 7495fd0..9e0f677 100644 │
│ --- a/ooknet-design/src/styles/global.scss │
│ +++ b/ooknet-design/src/styles/global.scss │
│ @@ -60,14 +60,17 @@ │
│ } │
│ │
│ // Show only the matching frame variant. Components emit both wide and │
│ -// narrow at build time; one is hidden per viewport. │
│ -@media (min-width: 701px) { │
│ +// narrow at build time; one is hidden per viewport. Print always gets │
│ +// the wide frame - stated here in the media condition itself, so print │
│ +// never needs to override display (a revert/!important there would │
│ +// wipe the block display the rule spans rely on and un-clip them). │
│ +@media (min-width: 701px), print { │
│ .frame-narrow { │
│ display: none !important; │
│ } │
│ } │
│ │
│ -@media (max-width: 700px) { │
│ +@media screen and (max-width: 700px) { │
│ .frame-wide { │
│ display: none !important; │
│ } │
│ @@ -142,13 +145,6 @@ body { │
│ background: #fff; │
│ } │
│ │
│ - .frame-narrow { │
│ - display: none !important; │
│ - } │
│ - .frame-wide { │
│ - display: revert !important; │
│ - } │
│ - │
│ .top-header, │
│ .article-pagination, │
│ .toast-region { │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ...design/src/styles/global.scss ───┐
│ diff --git a/ooknet-design/src/styles/global │
│ .scss b/ooknet-design/src/styles/global.scss │
│ index 7495fd0..9e0f677 100644 │
│ --- a/ooknet-design/src/styles/global.scss │
│ +++ b/ooknet-design/src/styles/global.scss │
│ @@ -60,14 +60,17 @@ │
│ } │
│ │
│ // Show only the matching frame variant. Co │
│ mponents emit both wide and │
│ -// narrow at build time; one is hidden per │
│ viewport. │
│ -@media (min-width: 701px) { │
│ +// narrow at build time; one is hidden per │
│ viewport. Print always gets │
│ +// the wide frame - stated here in the medi │
│ a condition itself, so print │
│ +// never needs to override display (a rever │
│ t/!important there would │
│ +// wipe the block display the rule spans re │
│ ly on and un-clip them). │
│ +@media (min-width: 701px), print { │
│ .frame-narrow { │
│ display: none !important; │
│ } │
│ } │
│ │
│ -@media (max-width: 700px) { │
│ +@media screen and (max-width: 700px) { │
│ .frame-wide { │
│ display: none !important; │
│ } │
│ @@ -142,13 +145,6 @@ body { │
│ background: #fff; │
│ } │
│ │
│ - .frame-narrow { │
│ - display: none !important; │
│ - } │
│ - .frame-wide { │
│ - display: revert !important; │
│ - } │
│ - │
│ .top-header, │
│ .article-pagination, │
│ .toast-region { │
└──────────────────────────────────────────────┘
[ BACK TO LOG ]
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET