💄(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);
|
background-color: var(--c--globals--colors--gray-000);
|
||||||
.light-doc-item-actions {
|
.light-doc-item-actions {
|
||||||
display: ${menuOpen || !isDesktop ? 'flex' : 'none'};
|
display: ${menuOpen || !isDesktop ? 'flex' : 'none'};
|
||||||
position: absolute;
|
|
||||||
right: var(--c--globals--spacings--0);
|
right: var(--c--globals--spacings--0);
|
||||||
}
|
}
|
||||||
.c__tree-view--node.isFocused {
|
.c__tree-view--node.isFocused {
|
||||||
|
|||||||
@@ -234,7 +234,7 @@ export const DocTree = ({ currentDoc }: DocTreeProps) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.doc-tree-root-item-actions {
|
.doc-tree-root-item-actions {
|
||||||
display: flex;
|
display: ${rootActionsOpen ? 'flex' : 'none'};
|
||||||
opacity: ${rootActionsOpen ? '1' : '0'};
|
opacity: ${rootActionsOpen ? '1' : '0'};
|
||||||
|
|
||||||
&:has(.isOpen) {
|
&:has(.isOpen) {
|
||||||
@@ -244,6 +244,7 @@ export const DocTree = ({ currentDoc }: DocTreeProps) => {
|
|||||||
&:hover,
|
&:hover,
|
||||||
&:focus-visible {
|
&:focus-visible {
|
||||||
.doc-tree-root-item-actions {
|
.doc-tree-root-item-actions {
|
||||||
|
display: flex;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user