HTWK/htwkalender
1
1
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender.git synced 2025-08-11 14:13:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat:#47 updated primevue theme for sass

Browse Source
This commit is contained in:
Elmar Kresse
2024-03-30 14:43:21 +01:00
parent d58b633159
commit d93287d732
104 changed files with 14548 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
frontend/public/primevue-sass-theme/theme-base/components/input/_inputgroup.scss Normal file
View File

@@ -0,0 +1,102 @@
// core
.p-inputgroup {
display: flex;
align-items: stretch;
width: 100%;
}
.p-inputgroup-addon {
display: flex;
align-items: center;
justify-content: center;
}
.p-inputgroup .p-float-label {
display: flex;
align-items: stretch;
width: 100%;
}
.p-inputgroup .p-inputtext,
.p-fluid .p-inputgroup .p-inputtext,
.p-inputgroup .p-inputwrapper,
.p-fluid .p-inputgroup .p-input {
flex: 1 1 auto;
width: 1%;
}
// theme
.p-inputgroup-addon {
background: $inputGroupBg;
color: $inputGroupTextColor;
border-top: $inputBorder;
border-left: $inputBorder;
border-bottom: $inputBorder;
padding: $inputPadding;
min-width: $inputGroupAddOnMinWidth;
&:last-child {
border-right: $inputBorder;
}
}
.p-inputgroup {
> .p-component,
> .p-inputwrapper > .p-inputtext,
> .p-float-label > .p-component {
border-radius: 0;
margin: 0;
+ .p-inputgroup-addon {
border-left: 0 none;
}
&:focus {
z-index: 1;
~ label {
z-index: 1;
}
}
}
}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child,
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
border-top-left-radius: $borderRadius;
border-bottom-left-radius: $borderRadius;
}
.p-inputgroup .p-float-label:first-child input {
border-top-left-radius: $borderRadius;
border-bottom-left-radius: $borderRadius;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child,
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
border-top-right-radius: $borderRadius;
border-bottom-right-radius: $borderRadius;
}
.p-inputgroup .p-float-label:last-child input {
border-top-right-radius: $borderRadius;
border-bottom-right-radius: $borderRadius;
}
.p-fluid {
.p-inputgroup {
.p-button {
width: auto;
&.p-button-icon-only {
width: $buttonIconOnlyWidth;
}
}
}
}