MF: Remove inline display nones

nginx-jack · nginx-jack · commit 791381ca6eaa · 2025-05-19T11:27:05.000+01:00
diff --git a/assets/css/docs-nginx-com/style.css b/assets/css/docs-nginx-com/style.css
@@ -1,11 +1,11 @@
 /*copy from nginx-theme.css */
 
 [data-mf="false"] {
-  display: block !important;
+  display: revert;
 }
 
 [data-mf="true"] {
-  display: none !important;
+  display: none;
 }
 
 big,
diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
@@ -1,9 +1,9 @@
 [data-mf="true"] {
-  display: block !important;
+  display: revert;
 }
 
 [data-mf="false"] {
-  display: none !important;
+  display: none;
 }
 
 /* Regular */
diff --git a/layouts/_default/_markup/render-codeblock.html b/layouts/_default/_markup/render-codeblock.html
@@ -4,7 +4,7 @@
 {{ $isSingleLine := eq (len $lines) 1 }}
 
 {{- if $isSingleLine  -}}
-<div class="code-block" data-mf="true" style="display: none;">
+<div class="code-block" data-mf="true">
     <div class="code-container chroma">
         <button onclick="copyToClipBoard(this, {{ $codeBlockId }})" class="code-copy-button" type="button">Copy</button>
         <div class="highlight-v2 single-line" id="{{ $codeBlockId }}">
@@ -13,7 +13,7 @@
     </div>
 </div>
 {{- else -}}
-<div class="code-block" data-mf="true" style="display: none;">
+<div class="code-block" data-mf="true">
     {{- if and (ne .Type "") (ne .Type "none") -}}
         <span class="code-type chroma">{{ .Type }}</span>
     {{- end -}}
@@ -27,4 +27,4 @@
 {{- end -}}
 <div id="code-block-v1" data-mf="false">
 {{ $result.Wrapped }}
-</div>
+</div>
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -158,7 +158,7 @@
       {{ end }}
     </footer>
 
-    <footer data-mf="true" id="footer-v2" style="display:none;">
+    <footer data-mf="true" id="footer-v2">
       {{ block "footer-v2" . }}
       {{ partial "footer-v2.html" . }}
       {{ end }}
diff --git a/layouts/_default/docs.html b/layouts/_default/docs.html
@@ -69,14 +69,14 @@
 
   <section class="main-layout">
     <div class="sidebar-layout" id="sidebar-layout">
-      <nav data-mf="true" id="sidebar-v2" class="sidebar" style="display:none;">
+      <nav data-mf="true" id="sidebar-v2" class="sidebar">
         {{ partial "sidebar-v2.html" . }}
       </nav>
     </div>
 
     <section id="maincontent" class="content-layout">
       <div data-cms-edit="content" class="text-content">
-        <section class="breadcrumb-layout" data-mf="true" style="display: none;">
+        <section class="breadcrumb-layout" data-mf="true">
           {{ if not .IsHome }}
             {{ if not (in .Params.display_breadcrumb "false" ) }}
             {{ partial "breadcrumb" .}}
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
@@ -1,24 +1,27 @@
 {{ define "main" }}
-<div class="row flex-xl-nowrap" id="list-v1" data-mf="false">
+<div data-mf="false">
+<div class="row flex-xl-nowrap" id="list-v1">
   <nav class="sidenav overflow-auto col-md-3 d-none d-xl-block d-print-none">
     {{ partial "sidebar.html" . }}
   </nav>
   <main class="content col-xl-9 d-block" role="main">
     {{ partial "list-main" . }}
   </main>
 </div>
+</div>
 
 {{/*  mf list page  */}}
 
-<main class="content col d-block align-top content-has-toc" role="main" data-mf="true" style="display: none">
+<div data-mf="true">
+<main class="content col d-block align-top content-has-toc" role="main">
 <section class="main-layout">
   <div class="sidebar-layout" id="sidebar-layout">
-    <nav data-mf="true" id="sidebar-v2" class="sidebar" style="display:none;">
+    <nav id="sidebar-v2" class="sidebar">
       {{ partial "sidebar-v2.html" . }}
     </nav>
   </div>
 
-  <section id="maincontent" class="content-layout" data-mf="true" style="display: none">
+  <section id="maincontent" class="content-layout">
     <div data-cms-edit="content" class="text-content list-page">
       <section class="breadcrumb-layout">
         {{ if not .IsHome }}
@@ -55,4 +58,5 @@ <h2>
 
 </section>
 </main>
+</div>
 {{ end }}
diff --git a/layouts/index.html b/layouts/index.html
@@ -4,7 +4,7 @@
     {{ partial "sidebar.html" . }}
   </nav>
   <main class="content col-xl-9 d-block" role="main">
-    {{ partial "list-main" . }} 
+    {{ partial "list-main" . }}
   </main>
 </div>
-{{ end }}
+{{ end }}
diff --git a/layouts/partials/api.html b/layouts/partials/api.html
@@ -1,6 +1,6 @@
 <!--Use wide page layout for the API reference pages-->
   <div class="nginx-docs-api-container">
-    <div id="api-component" data-mf="false" class="content">
+    <div id="api-component" class="content">
       {{ .Content}}
     </div>
   </div>
diff --git a/layouts/partials/callout.html b/layouts/partials/callout.html
@@ -47,7 +47,7 @@
 {{ if $isSpecialTitle }}
   {{/*  Loud callouts  */}}
   <div>
-  <blockquote class="{{ $class }}" data-mf="true" style="display: none;">
+  <blockquote class="{{ $class }}" data-mf="true">
     <div>
       <div class="call-out-type">
         {{ partial "feather" (dict "context" . "icon" $icon) .}}
@@ -66,7 +66,7 @@
 
 {{ $cleanTitle := strings.TrimSuffix ":" $title}}
 
-<blockquote class="{{ $class }} note" data-mf="true" style="display: none;" data-title="{{ $cleanTitle }}">
+<blockquote class="{{ $class }} note" data-mf="true" data-title="{{ $cleanTitle }}">
   <div class="callout-content">
     {{- with $icon -}}
       <i class="{{ . }}"></i>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -11,7 +11,7 @@
           <!--div class="CoveoAnalytics" data-search-hub="HUB_ES_Nginx_Docs_And_Org"></div-->
           <div class="CoveoSearchbox" data-placeholder='Search NGINX Docs...'></div>
         </div>
-        <atomic-search-interface id="search-standalone-header" data-mf="true" style="display:none;">
+        <atomic-search-interface id="search-standalone-header" data-mf="true">
           <atomic-search-box redirection-url="/search.html">
           </atomic-search-box>
         </atomic-search-interface>
@@ -29,8 +29,8 @@
       </ul>
     </div>
     {{ end }}
-    
-    {{ $f5Sites := slice 
+
+    {{ $f5Sites := slice
       (dict "title" "DevCentral" "url" "https://community.f5.com/" "description" "Connect & learn in our hosted community")
       (dict "title" "MyF5" "url" "https://my.f5.com/" "description" "Your key to everything F5, including support, registration keys, and subscriptions")
       (dict "title" "NGINX" "url" "https://nginx.org/" "description" "Learn more about NGINX Open Source and read the community blog")
diff --git a/layouts/partials/lucide.html b/layouts/partials/lucide.html
@@ -1,6 +1,6 @@
 {{- /* Usage: */ -}}
 {{- /* (dict "context" . "icon" "circle") */ -}}
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" class="lucide"
-    style="{{ .style | safeCSS }}" data-mf="true" style="display: none">
+    style="{{ .style | safeCSS }}" data-mf="true">
     <use href="/images/lucide-sprite.svg#{{ .icon }}"></use>
-</svg>
+</svg>
diff --git a/layouts/partials/sidebar-list-pages.html b/layouts/partials/sidebar-list-pages.html
@@ -4,28 +4,28 @@
     {{ range $context.Pages.ByWeight }}
     <li>
         {{ if eq .Kind "section" }}
-            <input type="checkbox" id="toggle-{{ .File.UniqueID }}" class="toggle-checkbox" style="display: none;">
+            <input type="checkbox" id="toggle-{{ .File.UniqueID }}" class="toggle-checkbox">
             <label for="toggle-{{ .File.UniqueID }}" class="collapsible-header">
                 {{ if .Pages }}
                     <span class="box expand partial-box"></span>
                     <span class="box opened partial-box"></span>
                 {{ end }}
-                {{ .Title }} 
+                {{ .Title }}
             </label>
             {{ partial "sidebar-list-pages.html" (dict "context" . "currentUrl" $currentUrl) }}
         {{ else if eq .Kind "page" }}
-            {{ if eq $currentUrl .Permalink }}                      
-                <span class="box current partial" id="current-page"></span>                 
-            {{ else }}                     
-                <span class="box-link partial"></span>              
+            {{ if eq $currentUrl .Permalink }}
+                <span class="box current partial" id="current-page"></span>
+            {{ else }}
+                <span class="box-link partial"></span>
             {{ end }}
             <a href="{{ .Permalink }}" style="{{if eq $currentUrl .Permalink}}font-weight: bold;{{end}}">{{ .Title }} </a>
-            {{ if eq $currentUrl .Permalink }}   
+            {{ if eq $currentUrl .Permalink }}
                 {{- with .TableOfContents -}}
                     {{- . -}}
                 {{- end -}}
             {{ end }}
         {{ end }}
     </li>
     {{ end }}
-</ul>
+</ul>
diff --git a/layouts/search/single.html b/layouts/search/single.html
@@ -7,7 +7,7 @@
     <div id="search" class="CoveoSearchInterface" data-enable-history="true" >
       <div class="CoveoFolding"></div>
       <div class="CoveoAnalytics" data-search-hub="HUB_ES_Nginx_Docs_And_Org"></div>
-      <div class="coveo-search-section" style="display: none;">
+      <div data-mf="true" class="coveo-search-section">
         <div class="CoveoSearchbox" data-enable-omnibox="true"></div>
       </div>
       <div class="coveo-main-section">
diff --git a/layouts/shortcodes/bootstrap-table.html b/layouts/shortcodes/bootstrap-table.html
@@ -15,6 +15,6 @@
   {{ $class = printf "%s %s" $class $narrowOption }}
 {{ end }}
 
-<div data-mf="true" style="display: none;" class="table-v2 {{ $class }}">
+<div data-mf="true" class="table-v2 {{ $class }}">
     {{ .Inner | markdownify }}
-</div>
+</div>
diff --git a/layouts/shortcodes/ghcode.html b/layouts/shortcodes/ghcode.html
@@ -9,8 +9,8 @@
     <div id="code-block-v1" data-mf="false">
       {{ highlight .Content $lang $params }}
     </div>
-    
-    <div class="code-block" data-mf="true" style="display: none;">
+
+    <div class="code-block" data-mf="true">
       {{- if and (ne $lang "") (ne $lang "none") -}}
           <span class="code-type chroma">{{ $lang }}</span>
       {{- end -}}
@@ -24,4 +24,4 @@
   {{ end }}
 {{ else }}
   {{ errorf "Unable to load github content from %s from %q" $file .Position}}
-{{ end }}
+{{ end }}

Original file line number	Diff line number	Diff line change
`@@ -1,11 +1,11 @@`
`1`	`1`	`/copy from nginx-theme.css /`
`2`	`2`
`3`	`3`	`[data-mf="false"] {`
`4`		`- display: block !important;`
	`4`	`+ display: revert;`
`5`	`5`	`}`
`6`	`6`
`7`	`7`	`[data-mf="true"] {`
`8`		`- display: none !important;`
	`8`	`+ display: none;`
`9`	`9`	`}`
`10`	`10`
`11`	`11`	`big,`
Original file line number	Diff line number	Diff line change
`@@ -1,9 +1,9 @@`
`1`	`1`	`[data-mf="true"] {`
`2`		`- display: block !important;`
	`2`	`+ display: revert;`
`3`	`3`	`}`
`4`	`4`
`5`	`5`	`[data-mf="false"] {`
`6`		`- display: none !important;`
	`6`	`+ display: none;`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`/* Regular */`