From cda49e03018d3dbbe8b9dc3927719471150c1608 Mon Sep 17 00:00:00 2001
From: Jeffrey Tse <jeffreytse.mail@gmail.com>
Date: Tue, 24 Sep 2019 14:10:57 +0800
Subject: update: perfect animation, compatibility issue

---
 _sass/misc/common-list.scss      |  2 --
 _sass/misc/google-translate.scss | 25 ++++++++++---------------
 _sass/yat/_base.scss             |  2 +-
 _sass/yat/_layout.scss           |  3 ++-
 4 files changed, 13 insertions(+), 19 deletions(-)

(limited to '_sass')

diff --git a/_sass/misc/common-list.scss b/_sass/misc/common-list.scss
index 97f7b31..54b7165 100644
--- a/_sass/misc/common-list.scss
+++ b/_sass/misc/common-list.scss
@@ -15,8 +15,6 @@
   }
 
   li {
-    border-bottom: 1px solid $background-color;
-
     &:last-child {
       border-bottom: none;
     }
diff --git a/_sass/misc/google-translate.scss b/_sass/misc/google-translate.scss
index d2cae1a..243da54 100644
--- a/_sass/misc/google-translate.scss
+++ b/_sass/misc/google-translate.scss
@@ -122,15 +122,19 @@ body {
   position: absolute;
   top: 110%;
   right: -10px;
+  background-color: lighten($theme-color, 5%);
   -webkit-transition: all 0.25s ease-in-out;
   transition: all 0.25s ease-in-out;
   width: 100px;
   text-align: center;
-  padding-top: 0;
+  margin-top: 0;
   z-index: 200;
+  border-radius: 3px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  visibility: hidden;
 
   li {
-    background: lighten($theme-color, 5%);
     padding: 5px;
 
     a {
@@ -140,24 +144,14 @@ body {
       img {
         width: 24px;
         max-height: 24px;
+        border: none;
       }
     }
 
-    &:first-child {
-      padding-top: 10px;
-      border-radius: 3px 3px 0 0;
-    }
-
-    &:last-child {
-      padding-bottom: 10px;
-      border-radius: 0 0 3px 3px;
-    }
-
     &:hover {
       @extend .ct-language-selected;
     }
   }
-
 }
 
 .list-unstyled {
@@ -169,7 +163,7 @@ body {
 .ct-language {
   display: inline-block;
   position: relative;
-  background: #fefefe2b;
+  background-color: #fefefe2b;
   padding: 3px 10px;
   border-radius: 3px;
 
@@ -177,8 +171,9 @@ body {
     cursor: pointer;
 
     .ct-language-dropdown {
-      padding-top: 8px;
+      margin-top: 8px;
       max-height: 10000px;
+      visibility: visible;
     }
   }
 
diff --git a/_sass/yat/_base.scss b/_sass/yat/_base.scss
index e92c561..01b8d1a 100644
--- a/_sass/yat/_base.scss
+++ b/_sass/yat/_base.scss
@@ -229,7 +229,7 @@ table {
 /**
  * Flex layout
  */
-%flex-layout {
+%flex {
   display: flex;
 }
 
diff --git a/_sass/yat/_layout.scss b/_sass/yat/_layout.scss
index e4960f1..50bbb13 100644
--- a/_sass/yat/_layout.scss
+++ b/_sass/yat/_layout.scss
@@ -200,6 +200,7 @@ html {
  */
 .page-content {
   @extend %flex-1; /* <-- Keep footer on the bottom */
+  -ms-flex: none; /* <-- Fix IE footer issue */
   padding: $spacing-unit * 1.5 0;
 }
 
@@ -378,7 +379,7 @@ html {
  * Layout and sidebar
  */
 .framework {
-    @extend %flex-layout;
+    @extend %flex;
 
   .main {
     @extend %flex-1;
-- 
cgit v1.2.3