yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-05 19:42:05 +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 { > button {
width: 100%; width: 100%;
padding-right: 30px; padding-right: 30px;
background-color: #FAFAFB !important; background: transparent;
border: none; border: none;
border-radius: 0; border-radius: 0;
color: #333740; color: #333740;
@ -21,33 +21,55 @@
font-weight: 500; font-weight: 500;
text-align: right; text-align: right;
cursor: pointer; cursor: pointer;
&:hover { transition: background .2s ease-out;
&:hover, &:focus, &:active {
color: #333740; color: #333740;
background-color: #FAFAFB !important;
} }
> i { > i {
margin-left: 10px; margin-left: 10px;
transition: transform .3s ease-out;
&[alt="true"] {
transform: rotateX(180deg);
}
} }
} }
} }
}
}
.dropDownContent { .dropDownContent {
// top: -1px; // top: -1px;
left: auto !important; left: auto !important;
right: -3px !important; right: -5px !important;
min-width: 100%!important; min-width: 100%!important;
margin: 0 !important; margin: 0 !important;
padding: 0px; padding: 0;
line-height: 1.8rem; line-height: 1.8rem;
border: none!important; border: none!important;
border-top-left-radius: 0!important; border-top-left-radius: 0!important;
border-top-right-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; 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 { > button {
padding: 12px 15px 0 15px; height: 40px;
padding: 0px 15px;
line-height: 40px;
&:hover, &:focus, &:active { &:hover, &:focus, &:active {
background-color: #FAFAFB!important; background-color: #FAFAFB!important;
border-radius: 0px; border-radius: 0px;
@ -56,15 +78,14 @@
} }
> button:first-child { > button:first-child {
padding-top: 16px; height: 44px;
padding-bottom: 5px; line-height: 48px;
&:hover, &:active { &:hover, &:active {
color: #333740; color: #333740;
} }
} }
> button:not(:first-child) { > button:not(:first-child) {
padding-bottom: 16px;
color: #F75B1D; color: #F75B1D;
> i { > i {
margin-left: 10px margin-left: 10px