vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

ColorPicker RTL

pull/6634/head
tugcekucukoglu 2024-10-21 13:38:39 +03:00
parent 2f6bd6c9cf
commit 9e908bae6a
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/primevue/src/colorpicker/style/ColorPickerStyle.js
View File

@ -54,8 +54,8 @@ const theme = ({ dt }) => `
.p-colorpicker-color-selector { .p-colorpicker-color-selector {
width: 150px; width: 150px;
height: 150px; height: 150px;
top: 8px; inset-block-start: 8px;
left: 8px; inset-inline-start: 8px;
position: absolute; position: absolute;
} }
@ -67,8 +67,8 @@ const theme = ({ dt }) => `
.p-colorpicker-color-handle { .p-colorpicker-color-handle {
position: absolute; position: absolute;
top: 0px; inset-block-start: 0px;
left: 150px; inset-inline-start: 150px;
border-radius: 100%; border-radius: 100%;
width: 10px; width: 10px;
height: 10px; height: 10px;
@ -83,8 +83,8 @@ const theme = ({ dt }) => `
.p-colorpicker-hue { .p-colorpicker-hue {
width: 17px; width: 17px;
height: 150px; height: 150px;
top: 8px; inset-block-start: 8px;
left: 167px; inset-inline-start: 167px;
position: absolute; position: absolute;
opacity: 0.85; opacity: 0.85;
background: linear-gradient(0deg, background: linear-gradient(0deg,
@ -99,11 +99,11 @@ const theme = ({ dt }) => `
.p-colorpicker-hue-handle { .p-colorpicker-hue-handle {
position: absolute; position: absolute;
top: 150px; inset-block-start: 150px;
left: 0px; inset-inline-start: 0px;
width: 21px; width: 21px;
margin-left: -2px; margin-inline-start: -2px;
margin-top: -5px; margin-block-start: -5px;
height: 10px; height: 10px;
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;