tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Hide some components rather than unmounting (#2271)

Browse Source 
Hide some components rather than unmounting them to allow to show again
quickly and keep the view state such as the scrolled offset.
This commit is contained in:
Akihiko Odaki
2017-04-24 11:49:08 +09:00
committed by Eugen
parent 72c984e105
commit cf845fed38
13 changed files with 167 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/assets/stylesheets/components.scss
View File

@ -89,11 +89,11 @@
border: none;
background: transparent;
cursor: pointer;
transition: all 100ms ease-in;
transition: color 100ms ease-in;
&:hover, &:active, &:focus {
color: lighten($color1, 33%);
transition: all 200ms ease-out;
transition: color 200ms ease-out;
}
&.disabled {
@ -152,11 +152,11 @@
padding: 0 3px;
line-height: 27px;
outline: 0;
transition: all 100ms ease-in;
transition: color 100ms ease-in;
&:hover, &:active, &:focus {
color: lighten($color1, 26%);
transition: all 200ms ease-out;
transition: color 200ms ease-out;
}
&.disabled {
@ -1100,6 +1100,7 @@ a.status__content__spoiler-link {
flex-direction: row;
justify-content: flex-start;
overflow-x: auto;
position: relative;
}
@media screen and (min-width: 360px) {
@ -1257,11 +1258,11 @@ a.status__content__spoiler-link {
flex-direction: row;
a {
transition: all 100ms ease-in;
transition: background 100ms ease-in;
&:hover {
background: lighten($color1, 3%);
transition: all 200ms ease-out;
transition: background 200ms ease-out;
}
}
}