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

Improvements in the UI for both default and dark themes. Fixes #5133

Browse Source 
Improve the style of the highlighted code after query execution for Dark mode. Fixes #4996.
Changed background pattern for geometry viewer to use #fff for all themes. Fixes #5077
Changed the color of selected and hovered item for Select2 dropdown, also tweak the appearance of the tags in multi-select boxes. Fixes #4955
Fixed Firefox monospaced issue by updating the font to the latest version. Fixes #5184
This commit is contained in:
Aditya Toshniwal
2020-02-24 14:11:00 +05:30
committed by Akshay Joshi
parent 29c236c33d
commit 9bad590e9e
46 changed files with 369 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
web/pgadmin/tools/schema_diff/static/scss/_schema_diff.scss
View File

@@ -4,23 +4,18 @@
right: 0;
top: 0;
bottom: 0;
padding-top: 10px;
background-color: $color-gray-light;
}
#schema-diff-grid {
background: $color-bg;
outline: 0;
font-size: 9pt;
margin-top: 28px;
background: none;
background-color: $color-gray-light;
font-family: $font-family-primary;
font-size: $tree-font-size;
}
#schema-diff-grid .slick-header .slick-header-columns {
background: $color-bg;
height: 40px;
border-bottom: $panel-border;
border-bottom: none;
}
#schema-diff-grid .slick-header .slick-header-column.ui-state-default {
@@ -29,6 +24,17 @@
border-right: $panel-border;
}
#schema-diff-grid {
.ui-widget-content {
background-color: $input-bg;
color: $input-color;
}
.ui-state-default {
color: $color-fg;
}
}
.slick-row:hover .slick-cell{
border-top: $table-hover-border;
border-bottom: $table-hover-border;
@@ -46,12 +52,11 @@
}
#schema-diff-grid .slick-row .slick-cell.l0.r0.selected {
background-color: $color-primary;
color: $color-primary-fg;
background-color: inherit;
}
#schema-diff-grid .slick-row > .slick-cell:not(.l0):not(.r0).selected {
background-color: $table-hover-bg-color;
#schema-diff-grid .slick-row > .slick-cell.selected {
background-color: $table-hover-bg-color !important;
border-top: $table-hover-border;
border-bottom: $table-hover-border;
}
@@ -60,14 +65,14 @@
background: $color-bg;
border-bottom: none;
border-right: none;
border-top: none;
border-top: $panel-border;
}
#schema-diff-grid .different {
background-color: $schemadiff-diff-row-color !important;
}
#schema-diff-grid .source {
background-color: $schemadiff-source-row-color !important;
background-color: $schemadiff-source-row-color;
}
#schema-diff-grid .target {
background-color: $schemadiff-target-row-color !important;
@@ -83,3 +88,11 @@
background-color: $color-bg !important;
overflow-y: hidden;
}
#schema-diff-grid .slick-group-select-checkbox {
width: 13px;
height: 13px;
margin-right: 1rem;
vertical-align: middle;
display: inline-block;
}