diff options
author | Jeffrey Tse <jeffreytse.mail@gmail.com> | 2019-09-24 14:10:57 +0800 |
---|---|---|
committer | Jeffrey Tse <jeffreytse.mail@gmail.com> | 2019-09-24 14:10:57 +0800 |
commit | cda49e03018d3dbbe8b9dc3927719471150c1608 (patch) | |
tree | a94523d13898c106c90e4d9285cf6136d45b7a33 /_sass | |
parent | 92840887d2591d8ba9b92074e193ef1a922c118d (diff) |
update: perfect animation, compatibility issue
Diffstat (limited to '_sass')
-rw-r--r-- | _sass/misc/common-list.scss | 2 | ||||
-rw-r--r-- | _sass/misc/google-translate.scss | 25 | ||||
-rw-r--r-- | _sass/yat/_base.scss | 2 | ||||
-rw-r--r-- | _sass/yat/_layout.scss | 3 |
4 files changed, 13 insertions, 19 deletions
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; |