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/misc | |
parent | 92840887d2591d8ba9b92074e193ef1a922c118d (diff) |
update: perfect animation, compatibility issue
Diffstat (limited to '_sass/misc')
-rw-r--r-- | _sass/misc/common-list.scss | 2 | ||||
-rw-r--r-- | _sass/misc/google-translate.scss | 25 |
2 files changed, 10 insertions, 17 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; } } |