Salastil/nitter
1
0
Fork 0
mirror of https://github.com/zedeus/nitter.git synced 2025-12-05 19:45:36 -05:00
Code Activity

Update search panel grid layout and animation

Browse Source
This commit is contained in:
Zed
2025-11-24 23:04:25 +01:00
parent 4979d07f2e
commit 12bbddf204
2 changed files with 8 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/sass/include/_mixins.css
View File

@@ -66,18 +66,7 @@
}
#search-panel-toggle:checked ~ .search-panel {
@if $rows == 6 {
max-height: 200px !important;
}
@if $rows == 5 {
max-height: 300px !important;
}
@if $rows == 4 {
max-height: 300px !important;
}
@if $rows == 3 {
max-height: 365px !important;
}
max-height: 380px !important;
}
}
}

15
src/sass/search.scss
View File

@@ -42,7 +42,7 @@
@include input-colors;
}
@include create-toggle(search-panel, 200px);
@include create-toggle(search-panel, 380px);
}
.search-panel {
@@ -104,19 +104,18 @@
.search-toggles {
flex-grow: 1;
display: grid;
grid-template-columns: repeat(6, auto);
grid-template-columns: repeat(5, auto);
grid-column-gap: 10px;
}
.profile-tabs {
@include search-resize(820px, 5);
@include search-resize(725px, 4);
@include search-resize(600px, 6);
@include search-resize(560px, 5);
@include search-resize(480px, 4);
@include search-resize(715px, 4);
@include search-resize(700px, 5);
@include search-resize(485px, 4);
@include search-resize(410px, 3);
}
@include search-resize(560px, 5);
@include search-resize(480px, 4);
@include search-resize(700px, 5);
@include search-resize(485px, 4);
@include search-resize(410px, 3);