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

Refactor #6647 - For Divider

pull/6650/head
tugcekucukoglu 2024-10-25 15:53:34 +03:00
parent 7f5c8b9c52
commit 1880a491d8
1 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
packages/primevue/src/divider/style/DividerStyle.js
View File

@ -13,11 +13,11 @@ const theme = ({ dt }) => `
.p-divider-horizontal:before { .p-divider-horizontal:before {
position: absolute; position: absolute;
display: block; display: block;
top: 50%; inset-block-start: 50%;
left: 0; inset-inline-start: 0;
width: 100%; width: 100%;
content: ""; content: "";
border-top: 1px solid ${dt('divider.border.color')}; border-block-start: 1px solid ${dt('divider.border.color')};
} }
.p-divider-horizontal .p-divider-content { .p-divider-horizontal .p-divider-content {
@ -26,7 +26,6 @@ const theme = ({ dt }) => `
.p-divider-vertical { .p-divider-vertical {
min-height: 100%; min-height: 100%;
margin: 0 1rem;
display: flex; display: flex;
position: relative; position: relative;
justify-content: center; justify-content: center;
@ -37,11 +36,11 @@ const theme = ({ dt }) => `
.p-divider-vertical:before { .p-divider-vertical:before {
position: absolute; position: absolute;
display: block; display: block;
top: 0; inset-block-start: 0;
left: 50%; inset-inline-start: 50%;
height: 100%; height: 100%;
content: ""; content: "";
border-left: 1px solid ${dt('divider.border.color')}; border-inline-start: 1px solid ${dt('divider.border.color')};
} }
.p-divider.p-divider-vertical .p-divider-content { .p-divider.p-divider-vertical .p-divider-content {
@ -55,27 +54,32 @@ const theme = ({ dt }) => `
} }
.p-divider-solid.p-divider-horizontal:before { .p-divider-solid.p-divider-horizontal:before {
border-top-style: solid; border-block-start-style: solid;
} }
.p-divider-solid.p-divider-vertical:before { .p-divider-solid.p-divider-vertical:before {
border-left-style: solid; border-inline-start-style: solid;
} }
.p-divider-dashed.p-divider-horizontal:before { .p-divider-dashed.p-divider-horizontal:before {
border-top-style: dashed; border-block-start-style: dashed;
} }
.p-divider-dashed.p-divider-vertical:before { .p-divider-dashed.p-divider-vertical:before {
border-left-style: dashed; border-inline-start-style: dashed;
} }
.p-divider-dotted.p-divider-horizontal:before { .p-divider-dotted.p-divider-horizontal:before {
border-top-style: dotted; border-block-start-style: dotted;
} }
.p-divider-dotted.p-divider-vertical:before { .p-divider-dotted.p-divider-vertical:before {
border-left-style: dotted; border-inline-start-style: dotted;
}
.p-divider-left:dir(rtl),
.p-divider-right:dir(rtl) {
flex-direction: row-reverse;
} }
`; `;