yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-04 19:13:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #812 from strapi/design/logout

Browse Source 
Update styles.scss
This commit is contained in:
Jim LAURIE 2018-03-20 12:07:39 +01:00 committed by GitHub
commit e7dfc222fa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 31 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
packages/strapi-admin/admin/src/components/Logout/styles.scss
View File

@ -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,14 @@
}
> 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;
color: #F75B1D;
> i {
margin-left: 10px