rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-06-27 14:44:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: unify hover and keyboard focus styles for collection component (#6544)

Browse Source
This commit is contained in:
gopu-bruno
2025-12-29 20:57:15 +05:30
committed by GitHub
parent 63d31825ff
commit 9a78432dc0
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/bruno-app/src/components/Sidebar/Collections/Collection/StyledWrapper.js
View File

@@ -15,9 +15,11 @@ const Wrapper = styled.div`
visibility: hidden;
}
/* Single source of truth for hover/focus states: background and menu icon visibility */
&:hover,
&:focus-within,
&.collection-keyboard-focused {
background: ${(props) => props.theme.sidebar.collection.item.hoverBg};
.collection-actions {
visibility: visible;
background-color: transparent !important;
@@ -78,10 +80,11 @@ const Wrapper = styled.div`
}
&.collection-keyboard-focused {
background: ${(props) => props.theme.sidebar.collection.item.keyboardFocusBg};
border-top: 1px solid ${(props) => props.theme.sidebar.collection.item.focusBorder};
border-bottom: 1px solid ${(props) => props.theme.sidebar.collection.item.focusBorder};
outline: none;
&:hover {
&:hover {
background: ${(props) => props.theme.sidebar.collection.item.keyboardFocusBg} !important;
}
}