Update toggle folders button, remove offer feedback button.

This commit is contained in:
Will Miao
2025-02-06 09:25:51 +08:00
parent d43f133681
commit 07ac243db6

View File

@@ -927,7 +927,7 @@ body.modal-open {
} }
} }
/* Folder Tags Container - New */ /* Folder Tags Container */
.folder-tags-container { .folder-tags-container {
position: relative; position: relative;
width: 100%; width: 100%;
@@ -935,7 +935,7 @@ body.modal-open {
.folder-tags { .folder-tags {
transition: max-height 0.3s ease, opacity 0.2s ease; transition: max-height 0.3s ease, opacity 0.2s ease;
max-height: 200px; /* 调整为合适的最大高度 */ max-height: 200px;
opacity: 1; opacity: 1;
overflow: hidden; overflow: hidden;
} }
@@ -944,13 +944,14 @@ body.modal-open {
max-height: 0; max-height: 0;
opacity: 0; opacity: 0;
margin: 0; margin: 0;
padding-bottom: 0;
} }
/* Toggle Folders Button - New */ /* Toggle Folders Button */
.toggle-folders-btn { .toggle-folders-btn {
position: absolute; position: absolute;
right: 0; bottom: 0; /* 固定在容器底部 */
top: 0; right: 0; /* 固定在容器右侧 */
width: 36px; width: 36px;
height: 36px; height: 36px;
border-radius: 50%; border-radius: 50%;
@@ -999,16 +1000,22 @@ body.modal-open {
/* Responsive adjustments */ /* Responsive adjustments */
@media (max-width: 768px) { @media (max-width: 768px) {
.folder-tags-container { .folder-tags-container {
order: -1; /* 确保在移动端位于顶部 */ order: -1;
} }
.toggle-folders-btn { .toggle-folders-btn {
top: 50%; position: absolute;
transform: translateY(-50%); bottom: 0;
right: 0;
transform: none; /* 移除transform防止hover时的位移 */
}
.toggle-folders-btn:hover {
transform: none; /* 移动端下禁用hover效果 */
} }
.folder-tags.collapsed + .toggle-folders-btn { .folder-tags.collapsed + .toggle-folders-btn {
position: static; position: relative;
transform: translateY(0); transform: none;
} }
} }