fix i18n banner (#1591)

* fix color and margin * fix margin of home content
expressjs · Sep 8, 2024 · a55eccd · a55eccd
1 parent 23d3c12
commit a55eccd
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -11,7 +11,7 @@
   <body class="en-doc">
   {% else %}
   <body class="non-en-doc">
-    <div id="i18n-notice-box" class="doc-box doc-warn">
+    <div id="i18n-notice-box" class="doc-box doc-notice">
       {% include i18n-notice.html %}
     </div>
   {% endif %}

diff --git a/_layouts/page.html b/_layouts/page.html
@@ -21,7 +21,7 @@
       <div id="overlay"></div>
 
       {% if page.lang != 'en' %}
-        <div id="i18n-notice-box" class="doc-box doc-warn">
+        <div id="i18n-notice-box" class="doc-box doc-notice">
           {% include i18n-notice.html %}
         </div>
       {% endif %}

diff --git a/css/style.css b/css/style.css
@@ -74,12 +74,16 @@ strong, th {
 }
 
 #home-content {
-  margin: 183px 0 2% 5%;
+  margin: 40px 0 2% 5%;
   max-width: 900px;
   padding-right: 9%;
   display: flex;
 }
 
+.en-doc #home-content {
+  margin-top: 150px;
+}
+
 #homepage-leftpane {
   min-width: 500px;
   margin-right: 30px;
@@ -562,15 +566,15 @@ html[xmlns] .clearfix {
 }
 
 #i18n-notice-box {
-  margin-top: 150px;
+  margin: 100px 3% 20px 3%;
   position: relative;
 }
 
 #close-i18n-notice-box {
   position: absolute;
   top: 3px;
   right: 4px;
-  color: #550000;
+  color: var(--notice-accent);
   cursor: pointer;
 }
 
@@ -929,7 +933,7 @@ h2 a {
   }
 
   #home-content {
-    margin: 150px 0 0 5%;
+    margin: 60px 0 0 5%;
     padding-right: 5%;
   }