Improve print view (#2888)

cofiem · web-flow · commit 387726f2ba9f · 2025-04-07T16:14:42.000+09:30
* use scss variables in print media query

* hide expand collapse link for print media query
diff --git a/assets/styles/default-responsive.scss b/assets/styles/default-responsive.scss
@@ -26,15 +26,20 @@
     display:inherit;
   }
   .site-branding-area {
-      background-color: #b1101a !important;
+    background-color: $site-branding-area-background !important;
   }
 
   div.panel {
     page-break-inside: avoid;
   }
 
   .panel-heading {
-    background-color: #b1101a !important;
+    background-color: $panel-branding-background-color !important;
+    color: $panel-branding-color !important;
+  }
+
+  .view-accordion .panel-group .main-expand-collapse {
+    display: none !important;
   }
 
   .panel-title > a{

Original file line number	Diff line number	Diff line change
`@@ -26,15 +26,20 @@`
`26`	`26`	`display:inherit;`
`27`	`27`	`}`
`28`	`28`	`.site-branding-area {`
`29`		`- background-color: #b1101a !important;`
	`29`	`+ background-color: $site-branding-area-background !important;`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`div.panel {`
`33`	`33`	`page-break-inside: avoid;`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`.panel-heading {`
`37`		`- background-color: #b1101a !important;`
	`37`	`+ background-color: $panel-branding-background-color !important;`
	`38`	`+ color: $panel-branding-color !important;`
	`39`	`+ }`
	`40`	`+`
	`41`	`+ .view-accordion .panel-group .main-expand-collapse {`
	`42`	`+ display: none !important;`
`38`	`43`	`}`
`39`	`44`
`40`	`45`	`.panel-title > a{`