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

Replace the existing color picker - spectrum-colorpicker with @simonwep/pickr.

Browse Source 
spectrum-colorpicker has accessibility issues and is not maintained since long

Part of #5197
This commit is contained in:
Aditya Toshniwal
2020-04-03 17:06:47 +05:30
committed by Akshay Joshi
parent ce89ae3c1d
commit 824e3866d8
8 changed files with 121 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/pgadmin/static/scss/_pickr.overrides.scss Normal file
View File

@@ -0,0 +1,19 @@
$palette-soft-red: $color-ternary;
$border-radius-mid: $btn-border-radius;
$font-family: $font-family-base;
$box-shadow-app: $popover-box-shadow;
@import "node_modules/@simonwep/pickr/src/scss/themes/monolith.scss";
.pickr, .pcr-app {
*:focus {
outline: none !important;
}
}
.pickr .pcr-button{
border: $input-border-width solid $input-border-color;
&:focus {
box-shadow: $input-btn-focus-box-shadow !important;
}
}

1
web/pgadmin/static/scss/pgadmin.scss
View File

@@ -19,3 +19,4 @@ $theme-colors: (
@import 'pgadmin.grid';
@import 'pgadmin.style';
@import 'bootstrap4-toggle.overrides';
@import 'pickr.overrides';