random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated timeline_queue_button_header

Browse Source 
fixes: #27
put queue header in dom but hide if no count
if count, animate in so it doesn't jump the feed
This commit is contained in:
mgabdev
2019-07-17 18:53:09 -04:00
parent 2eea427148
commit 2aa38d53ea
2 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/javascript/styles/gabsocial/components.scss
View File

@@ -5108,21 +5108,31 @@ noscript {
.timeline-queue-header {
display: block;
width: 100%;
height: 52px;
max-height: 46px;
position: relative;
background-color: darken($ui-base-color, 8%);
border-bottom: 1px solid;
border-top: 1px solid;
border-color: darken($ui-base-color, 4%);
transition: max-height 2.5s ease;
overflow: hidden;
&.hidden {
max-height: 0px;
}
&__btn {
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 52px;
line-height: 46px;
font-size: 14px;
cursor: pointer;
color: $secondary-text-color;
span {
height: 46px;
}
}
}