IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2025-01-10 08:04:36 -06:00
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

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