Beautification of menu overlay

osori-db · Oct 23, 2023 · 522a739 · 522a739
1 parent bfe6f0a
commit 522a739
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 23 deletions.
diff --git a/_includes/homepage_header.html b/_includes/homepage_header.html
@@ -54,26 +54,11 @@
         <a href="{% tl license %}" class="fs-7">{% t title.license %}</a>
         <a href="{% tl news %}" class="fs-7">{% t title.news %}</a>
         <a href="{% tl faq %}" class="fs-7">{% t title.faq %}</a>
-        <div class="homepage-dropdown pl-8">
-            <div class="language-div">
-                <button class="change-language-btn language-btn" onclick="showLanguageOptions()">
-                    <img src="../assets/images/ic_langauge.png" class="pr-2">
-                    {% if site.lang == site.languages[0] %}
-                    {{ site.languageNames.ko }}
-                    {% else %}
-                    {{ site.languageNames.en }}
-                    {% endif %}
-                </button>
-                <i class="change-language-btn fa-solid fa-chevron-down pl-3" onclick="showLanguageOptions()"></i>
-            </div>
-            <div class="homepage-dropdown-content" id="language-dropdown">
-                {% if site.lang == site.languages[0] %}
-                <a href="{{site.url}}/en"><i class="fa-solid fa-earth-asia mr-1"></i> {{ site.languageNames.en }}</a>
-                {% else %}
-                <a href="{{site.url}}"><i class="fa-solid fa-earth-americas mr-1"></i> {{ site.languageNames.ko }}</a>
-                {% endif %}
-            </div>
-        </div>
+        {% if site.lang == site.languages[0] %}
+        <a href="{{site.url}}/en" class="fs-7"><i class="fa-solid fa-earth-asia mr-1"></i> {{ site.languageNames.en }}</a>
+        {% else %}
+        <a href="{{site.url}}" class="fs-7"><i class="fa-solid fa-earth-americas mr-1"></i> {{ site.languageNames.ko }}</a>
+        {% endif %}
     </div>
 
 </div>

diff --git a/_sass/color_schemes/dark_theme.scss b/_sass/color_schemes/dark_theme.scss
@@ -154,5 +154,5 @@ a {
 }
 
 .overlay {
-    background-color: rgba(0, 6, 33, 0.95);
+    background-color: $body-background-color;
 }
diff --git a/_sass/color_schemes/light_theme.scss b/_sass/color_schemes/light_theme.scss
@@ -119,5 +119,5 @@ $hover-sidebar-links-color: #ebedf5;
 }
 
 .overlay {
-    background-color: rgba(74, 79, 160, 0.95);
+    background-color: $homepage-header-background-color;
 }
diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
@@ -500,7 +500,6 @@ main+hr {
         position: relative;
         width: 100%;
         text-align: center;
-        top: -215px;
         display: none;
         flex-wrap: wrap;
         flex-direction: column;