From ca6077f9c93c2a46acb7a936b7e1420ab085e288 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aur=C3=A9lien=20GEORGET?= Date: Mon, 19 Mar 2018 19:12:07 +0100 Subject: [PATCH 1/2] Update styles.scss --- .../admin/src/components/Logout/styles.scss | 42 ++++++++++++++----- 1 file changed, 32 insertions(+), 10 deletions(-) diff --git a/packages/strapi-admin/admin/src/components/Logout/styles.scss b/packages/strapi-admin/admin/src/components/Logout/styles.scss index 08ed8824ce..6e690ce387 100644 --- a/packages/strapi-admin/admin/src/components/Logout/styles.scss +++ b/packages/strapi-admin/admin/src/components/Logout/styles.scss @@ -13,7 +13,7 @@ > button { width: 100%; padding-right: 30px; - background-color: #FAFAFB !important; + background: transparent; border: none; border-radius: 0; color: #333740; @@ -21,33 +21,55 @@ font-weight: 500; text-align: right; cursor: pointer; - &:hover { + transition: background .2s ease-out; + + &:hover, &:focus, &:active { color: #333740; + background-color: #FAFAFB !important; } > i { margin-left: 10px; + transition: transform .3s ease-out; + + &[alt="true"] { + transform: rotateX(180deg); + } } } } -} + +} .dropDownContent { // top: -1px; left: auto !important; - right: -3px !important; + right: -5px !important; min-width: 100%!important; margin: 0 !important; - padding: 0px; + padding: 0; line-height: 1.8rem; border: none!important; border-top-left-radius: 0!important; border-top-right-radius: 0!important; - box-shadow: inset 0 1px 2px 0 rgba(40, 42, 49, 0.16); font-size: 14px; + overflow: hidden; + box-shadow: 0 1px 4px 0px rgba(40, 42, 49, 0.05); + + &:before{ + content: ''; + position: absolute; + top: -3px; + left: -1px; + width: calc(100% + 1px); + height: 3px; + box-shadow: 0 1px 2px 0 rgba(40, 42, 49, 0.16); + } > button { - padding: 12px 15px 0 15px; + height: 40px; + padding: 0px 15px; + line-height: 40px; &:hover, &:focus, &:active { background-color: #FAFAFB!important; border-radius: 0px; @@ -56,15 +78,15 @@ } > button:first-child { - padding-top: 16px; - padding-bottom: 5px; + height: 44px; + line-height: 48px; &:hover, &:active { color: #333740; } } > button:not(:first-child) { - padding-bottom: 16px; + // padding-bottom: 5px; color: #F75B1D; > i { margin-left: 10px From 717e86ba29adaa0be02056c61c978bbb8fdfdbe7 Mon Sep 17 00:00:00 2001 From: Jim LAURIE Date: Tue, 20 Mar 2018 11:48:50 +0100 Subject: [PATCH 2/2] Delete comment --- packages/strapi-admin/admin/src/components/Logout/styles.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/strapi-admin/admin/src/components/Logout/styles.scss b/packages/strapi-admin/admin/src/components/Logout/styles.scss index 6e690ce387..e0b46fb829 100644 --- a/packages/strapi-admin/admin/src/components/Logout/styles.scss +++ b/packages/strapi-admin/admin/src/components/Logout/styles.scss @@ -86,7 +86,6 @@ } > button:not(:first-child) { - // padding-bottom: 5px; color: #F75B1D; > i { margin-left: 10px