mirror of
https://github.com/pgadmin-org/pgadmin4.git
synced 2025-02-25 18:55:31 -06:00
87d4937726
- The CSS class 'slick-row' has been renamed to 'sr' - The CSS class 'slick-cell' has been renamed to 'sc' - The SQL Editor included an unused 'normal_row' class on each row which has been removed as it was unreferenced in the code or CSS. The intent of these changes is to minimise memory usage by the grid, by saving a few bytes per row/cell. It's questionable how much difference this actually makes given that SlickGrid updates the document so it only includes the visible rows on the fly, but every little helps.
118 lines
2.1 KiB
CSS
118 lines
2.1 KiB
CSS
/*
|
|
IMPORTANT:
|
|
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
|
|
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
|
|
classes should alter those!
|
|
*/
|
|
|
|
.slick-header-columns {
|
|
background: url('images/header-columns-bg.gif') repeat-x center bottom;
|
|
border-bottom: 1px solid silver;
|
|
}
|
|
|
|
.slick-header-column {
|
|
background: url('images/header-columns-bg.gif') repeat-x center bottom;
|
|
border-right: 1px solid silver;
|
|
}
|
|
|
|
.slick-header-column:hover, .slick-header-column-active {
|
|
background: white url('images/header-columns-over-bg.gif') repeat-x center bottom;
|
|
}
|
|
|
|
.slick-headerrow {
|
|
background: #fafafa;
|
|
}
|
|
|
|
.slick-headerrow-column {
|
|
background: #fafafa;
|
|
border-bottom: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
.sr.ui-state-active {
|
|
background: #F5F7D7;
|
|
}
|
|
|
|
.sr {
|
|
position: absolute;
|
|
background: white;
|
|
border: 0px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.sr.selected {
|
|
z-index: 10;
|
|
background: #DFE8F6;
|
|
}
|
|
|
|
.sc {
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.slick-group {
|
|
border-bottom: 2px solid silver;
|
|
}
|
|
|
|
.slick-group-toggle {
|
|
width: 9px;
|
|
height: 9px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.slick-group-toggle.expanded {
|
|
background: url(images/collapse.gif) no-repeat center center;
|
|
}
|
|
|
|
.slick-group-toggle.collapsed {
|
|
background: url(images/expand.gif) no-repeat center center;
|
|
}
|
|
|
|
.slick-group-totals {
|
|
color: gray;
|
|
background: white;
|
|
}
|
|
|
|
.sc.selected {
|
|
background-color: beige;
|
|
}
|
|
|
|
.sc.active {
|
|
border-color: gray;
|
|
border-style: solid;
|
|
}
|
|
|
|
.slick-sortable-placeholder {
|
|
background: silver !important;
|
|
}
|
|
|
|
.sr.odd {
|
|
background: #fafafa;
|
|
}
|
|
|
|
.sr.ui-state-active {
|
|
background: #F5F7D7;
|
|
}
|
|
|
|
.sr.loading {
|
|
opacity: 0.5;
|
|
filter: alpha(opacity = 50);
|
|
}
|
|
|
|
.sc.invalid {
|
|
border-color: red;
|
|
-moz-animation-duration: 0.2s;
|
|
-webkit-animation-duration: 0.2s;
|
|
-moz-animation-name: slickgrid-invalid-hilite;
|
|
-webkit-animation-name: slickgrid-invalid-hilite;
|
|
}
|
|
|
|
@-moz-keyframes slickgrid-invalid-hilite {
|
|
from { box-shadow: 0 0 6px red; }
|
|
to { box-shadow: none; }
|
|
}
|
|
|
|
@-webkit-keyframes slickgrid-invalid-hilite {
|
|
from { box-shadow: 0 0 6px red; }
|
|
to { box-shadow: none; }
|
|
} |