blogs/FixIt
1
0
Fork 0
mirror of https://github.com/hugo-fixit/FixIt.git synced 2026-08-24 15:28:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(search): add transition to close button hover effect

Browse Source
This commit is contained in:
Cell
2026-06-17 17:09:36 +08:00
parent a696f3b1bd
commit 68d9a352c3
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/scss/core/layouts/_header.scss
+1 -1
View File
@@ -384,8 +384,8 @@ header {
overflow-y: auto;
overscroll-behavior: contain;
max-height: 70vh;
@include scrollbar-width(none, 0);
box-shadow: 0 0.125rem 0.25rem light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
@include scrollbar-width(none, 0);
.search-wrapper {
display: flex;
assets/scss/widgets/_search-modal.scss
+6 -4
View File
@@ -115,6 +115,10 @@ dialog.search-dialog {
padding: 0.25rem 0.25rem 0.25rem 0.5rem;
color: fi-var(primary);
font-size: 0.875rem;
&:hover {
opacity: 0.8;
}
}
}
@@ -141,6 +145,7 @@ dialog.search-dialog {
background: transparent;
color: fi-var(global-font-secondary-color);
border-radius: 0.25rem;
transition: all 0.2s;
&:hover {
color: fi-var(primary);
@@ -313,6 +318,7 @@ dialog.search-dialog {
translate: 0 0;
margin: 0;
overflow: hidden;
box-shadow: 0 0 1.5rem 0 light-dark(rgba(0, 0, 0, 0.125), rgba(255, 255, 255, 0.125));
}
.search-modal {
@@ -321,10 +327,6 @@ dialog.search-dialog {
max-height: 100dvh;
border: none;
@include border-radius(0);
.search-source-footer {
border-bottom: 1px solid fi-var(global-border-color);
}
}
.search-shortcuts {