From 07ac243db612674b626ff23ddf7e9abd8be96d3e Mon Sep 17 00:00:00 2001 From: Will Miao <13051207myq@gmail.com> Date: Thu, 6 Feb 2025 09:25:51 +0800 Subject: [PATCH] Update toggle folders button, remove offer feedback button. --- static/css/style.css | 27 +++++++++++++++++---------- 1 file changed, 17 insertions(+), 10 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index 4eef12e1..701145ca 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -927,7 +927,7 @@ body.modal-open { } } -/* Folder Tags Container - New */ +/* Folder Tags Container */ .folder-tags-container { position: relative; width: 100%; @@ -935,7 +935,7 @@ body.modal-open { .folder-tags { transition: max-height 0.3s ease, opacity 0.2s ease; - max-height: 200px; /* 调整为合适的最大高度 */ + max-height: 200px; opacity: 1; overflow: hidden; } @@ -944,13 +944,14 @@ body.modal-open { max-height: 0; opacity: 0; margin: 0; + padding-bottom: 0; } -/* Toggle Folders Button - New */ +/* Toggle Folders Button */ .toggle-folders-btn { position: absolute; - right: 0; - top: 0; + bottom: 0; /* 固定在容器底部 */ + right: 0; /* 固定在容器右侧 */ width: 36px; height: 36px; border-radius: 50%; @@ -999,16 +1000,22 @@ body.modal-open { /* Responsive adjustments */ @media (max-width: 768px) { .folder-tags-container { - order: -1; /* 确保在移动端位于顶部 */ + order: -1; } .toggle-folders-btn { - top: 50%; - transform: translateY(-50%); + position: absolute; + bottom: 0; + right: 0; + transform: none; /* 移除transform,防止hover时的位移 */ + } + + .toggle-folders-btn:hover { + transform: none; /* 移动端下禁用hover效果 */ } .folder-tags.collapsed + .toggle-folders-btn { - position: static; - transform: translateY(0); + position: relative; + transform: none; } } \ No newline at end of file