💄(frontend) fix background action on panel pages
Background actions were transparent, making them hard to see.
This commit is contained in:
@@ -121,7 +121,6 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
|
||||
background-color: var(--c--globals--colors--gray-000);
|
||||
.light-doc-item-actions {
|
||||
display: ${menuOpen || !isDesktop ? 'flex' : 'none'};
|
||||
position: absolute;
|
||||
right: var(--c--globals--spacings--0);
|
||||
}
|
||||
.c__tree-view--node.isFocused {
|
||||
|
||||
@@ -234,7 +234,7 @@ export const DocTree = ({ currentDoc }: DocTreeProps) => {
|
||||
}
|
||||
|
||||
.doc-tree-root-item-actions {
|
||||
display: flex;
|
||||
display: ${rootActionsOpen ? 'flex' : 'none'};
|
||||
opacity: ${rootActionsOpen ? '1' : '0'};
|
||||
|
||||
&:has(.isOpen) {
|
||||
@@ -244,6 +244,7 @@ export const DocTree = ({ currentDoc }: DocTreeProps) => {
|
||||
&:hover,
|
||||
&:focus-visible {
|
||||
.doc-tree-root-item-actions {
|
||||
display: flex;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user