IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2025-02-25 18:55:31 -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

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

@ -12,114 +12,117 @@
.file-tree > { .file-tree > {
div { div {
position: absolute !important; position: absolute !important;
height: 100% !important; height: 100% !important;
top: 0px !important; top: 0px !important;
} }
} }
.file-entry .file-entry
{ {
font: inherit;
text-align: left;
display: flex;
align-items: center;
white-space: nowrap;
padding: 2px 0;
padding-left: 2px;
cursor: pointer !important;
color: $tree-text-fg !important; color: $tree-text-fg !important;
span.file-name {
color: $tree-text-fg !important;
white-space: nowrap;
}
&: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 {
background-color: $tree-bg-selected !important;
.file-entry border-color: $color-primary-light;
{ border-right: $active-border !important;
font: inherit; color: $tree-text-hover-fg !important;
text-align: left; span.file-label {
span.file-name {
color: $tree-text-hover-fg !important;
}
}
}
i {
display: inline-block;
font: normal normal normal 18px/1 "default-icons";
font-size: 18px;
text-align: center;
height: 21px !important;
width: 20px !important;
&:before {
height: inherit;
width: inherit;
display: inline-block;
}
&.directory-toggle {
&:before {
background-position: 6px center !important;
font-family: $font-family-icon;
content: "\f054" !important;
border-style: none;
margin-left: 5px;
font-weight: 900;
right: 15px;
top: 3px;
font-size: 0.6rem;
line-height: 2;
}
&.open:before {
background-position: -14px center !important;
font-family: $font-family-icon;
content: "\f078" !important;
border-style: none;
margin-left: 5px;
font-weight: 900;
transform: none !important;
}
&.loading:before {
background-position: 6px center !important;
font-weight: 900;
font-size: 0.6rem;
line-height: 2;
content: '' !important;
font-family: $font-family-icon;
margin-left: 5px;
border-style: none;
background: $loader-icon-small 0 0 no-repeat;
}
}
}
span.file-label {
display: flex; display: flex;
align-items: center; align-items: center;
white-space: nowrap; padding:0 2px 0 2px;
padding: 2px 0; border:1px solid transparent;
padding-left: 2px; height:auto;
cursor: pointer !important; white-space:normal;
cursor:pointer !important;
margin-left: 2px;
width: 100%;
&:hover, &.pseudo-active { &:hover, &.pseudo-active {
background-color: $tree-bg-hover !important; color: $tree-fg-hover !important;
} }
&.active, &.prompt { }
background-color: $tree-bg-selected !important; &.prompt.new .file-label, &.file .file-label {
border-color: $color-primary-light; margin-left: 18px;
border-right: $active-border !important; }
} span.file-name {
i { font: inherit;
display: inline-block; flex-grow: 1;
font: normal normal normal 18px/1 "default-icons"; user-select: none;
font-size: 18px; cursor: default;
text-align: center; color: $tree-text-fg !important;
height: 21px !important; margin-left: 3px;
width: 20px !important; cursor: pointer !important;
&:before { white-space: nowrap;
height: inherit; &:hover, &.pseudo-active {
width: inherit; color: $tree-fg-hover !important;
display: inline-block;
}
&.directory-toggle {
&:before {
background-position: 6px center !important;
font-family: $font-family-icon;
content: "\f054" !important;
border-style: none;
margin-left: 5px;
font-weight: 900;
right: 15px;
top: 3px;
font-size: 0.6rem;
line-height: 2;
}
&.open:before {
background-position: -14px center !important;
font-family: $font-family-icon;
content: "\f078" !important;
border-style: none;
margin-left: 5px;
font-weight: 900;
transform: none !important;
}
&.loading:before {
background-position: 6px center !important;
font-weight: 900;
font-size: 0.6rem;
line-height: 2;
content: '' !important;
font-family: $font-family-icon;
margin-left: 5px;
border-style: none;
background: $loader-icon-small 0 0 no-repeat;
}
}
}
span.file-label {
display: flex;
align-items: center;
padding:0 2px 0 2px;
border:1px solid transparent;
height:auto;
white-space:normal;
cursor:pointer !important;
margin-right:24px;
margin-left: 2px;
}
&.prompt.new .file-label, &.file .file-label {
margin-left: 18px;
}
span.file-name {
font: inherit;
flex-grow: 1;
user-select: none;
cursor: default;
color: #c1c1c1;
margin-left: 3px;
cursor: pointer !important;
} }
}
} }
.children-count { .children-count {
margin-left: 3px; margin-left: 3px;
} }