pgadmin-org
/
pgadmin4
mirror of https://github.com/pgadmin-org/pgadmin4.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixed an issue where the label is not visible when hovering on any tree node in the High Contrast theme. Fixes #6847

pull/62/head
Khushboo Vashi 2021-10-04 12:35:08 +05:30 committed by Akshay Joshi
parent 1dfc5f4c0c
commit 65af8bcc5a
1 changed files with 97 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
web/pgadmin/static/scss/_pgadmin4-tree.overrides.scss
View File

@ -18,18 +18,6 @@
} }
} }
.file-entry
{
color: $tree-text-fg !important;
span.file-name {
color: $tree-text-fg !important;
white-space: nowrap;
}
&:hover, &.pseudo-active {
background-color: $tree-bg-hover !important;
}
}
.file-entry .file-entry
{ {
font: inherit; font: inherit;
@ -40,13 +28,21 @@
padding: 2px 0; padding: 2px 0;
padding-left: 2px; padding-left: 2px;
cursor: pointer !important; cursor: pointer !important;
color: $tree-text-fg !important;
&:hover, &.pseudo-active { &:hover, &.pseudo-active {
background-color: $tree-bg-hover !important; background-color: $tree-bg-hover !important;
color: $tree-fg-hover !important;
} }
&.active, &.prompt { &.active, &.prompt {
background-color: $tree-bg-selected !important; background-color: $tree-bg-selected !important;
border-color: $color-primary-light; border-color: $color-primary-light;
border-right: $active-border !important; border-right: $active-border !important;
color: $tree-text-hover-fg !important;
span.file-label {
span.file-name {
color: $tree-text-hover-fg !important;
}
}
} }
i { i {
display: inline-block; display: inline-block;
@ -103,8 +99,11 @@
height:auto; height:auto;
white-space:normal; white-space:normal;
cursor:pointer !important; cursor:pointer !important;
margin-right:24px;
margin-left: 2px; margin-left: 2px;
width: 100%;
&:hover, &.pseudo-active {
color: $tree-fg-hover !important;
}
} }
&.prompt.new .file-label, &.file .file-label { &.prompt.new .file-label, &.file .file-label {
margin-left: 18px; margin-left: 18px;
@ -114,9 +113,13 @@
flex-grow: 1; flex-grow: 1;
user-select: none; user-select: none;
cursor: default; cursor: default;
color: #c1c1c1; color: $tree-text-fg !important;
margin-left: 3px; margin-left: 3px;
cursor: pointer !important; cursor: pointer !important;
white-space: nowrap;
&:hover, &.pseudo-active {
color: $tree-fg-hover !important;
}
} }
} }