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

fix:#53 linted formatted frontend files

Browse Source
This commit is contained in:
Elmar Kresse
2024-09-07 10:09:30 +02:00
parent a9234cbb16
commit fcbe5c0c55
115 changed files with 14849 additions and 11152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
frontend/public/primevue-sass-theme/theme-base/components/input/_inputtext.scss
View File

@@ -1,107 +1,107 @@
// core
.p-fluid .p-inputtext {
width: 100%;
width: 100%;
}
// theme
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: $inputTextFontSize;
color: $inputTextColor;
background: $inputBg;
padding: $inputPadding;
border: $inputBorder;
transition: $formElementTransition;
appearance: none;
border-radius: $borderRadius;
outline-color: transparent;
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
font-size: $inputTextFontSize;
color: $inputTextColor;
background: $inputBg;
padding: $inputPadding;
border: $inputBorder;
transition: $formElementTransition;
appearance: none;
border-radius: $borderRadius;
outline-color: transparent;
&:enabled:hover {
border-color: $inputHoverBorderColor;
}
&:enabled:focus {
@include focused-input();
}
&.p-invalid.p-component {
@include invalid-input();
}
&.p-variant-filled {
background-color: $inputFilledBg;
&:enabled:hover {
border-color: $inputHoverBorderColor;
background-color: $inputFilledHoverBg;
}
&:enabled:focus {
@include focused-input();
background-color: $inputFilledFocusBg;
}
}
&.p-invalid.p-component {
@include invalid-input();
}
&.p-inputtext-sm {
@include scaledFontSize($inputTextFontSize, $scaleSM);
@include scaledPadding($inputPadding, $scaleSM);
}
&.p-variant-filled {
background-color: $inputFilledBg;
&:enabled:hover {
background-color: $inputFilledHoverBg;
}
&:enabled:focus {
background-color: $inputFilledFocusBg;
}
}
&.p-inputtext-sm {
@include scaledFontSize($inputTextFontSize, $scaleSM);
@include scaledPadding($inputPadding, $scaleSM);
}
&.p-inputtext-lg {
@include scaledFontSize($inputTextFontSize, $scaleLG);
@include scaledPadding($inputPadding, $scaleLG);
}
&.p-inputtext-lg {
@include scaledFontSize($inputTextFontSize, $scaleLG);
@include scaledPadding($inputPadding, $scaleLG);
}
}
.p-float-label > label {
left: nth($inputPadding, 2);
color: $inputPlaceholderTextColor;
transition-duration: $transitionDuration;
left: nth($inputPadding, 2);
color: $inputPlaceholderTextColor;
transition-duration: $transitionDuration;
}
.p-float-label > .p-invalid + label {
color: $inputErrorBorderColor;
color: $inputErrorBorderColor;
}
.p-icon-field-left > .p-inputtext {
padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
}
.p-icon-field-left.p-float-label > label {
left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
}
.p-icon-field-right > .p-inputtext {
padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
}
@include placeholder {
color: $inputPlaceholderTextColor;
color: $inputPlaceholderTextColor;
}
.p-input-filled {
.p-inputtext {
background-color: $inputFilledBg;
.p-inputtext {
background-color: $inputFilledBg;
&:enabled:hover {
background-color: $inputFilledHoverBg;
}
&:enabled:focus {
background-color: $inputFilledFocusBg;
}
&:enabled:hover {
background-color: $inputFilledHoverBg;
}
&:enabled:focus {
background-color: $inputFilledFocusBg;
}
}
}
.p-inputtext-sm {
.p-inputtext {
@include scaledFontSize($inputTextFontSize, $scaleSM);
@include scaledPadding($inputPadding, $scaleSM);
}
.p-inputtext {
@include scaledFontSize($inputTextFontSize, $scaleSM);
@include scaledPadding($inputPadding, $scaleSM);
}
}
.p-inputtext-lg {
.p-inputtext {
@include scaledFontSize($inputTextFontSize, $scaleLG);
@include scaledPadding($inputPadding, $scaleLG);
}
.p-inputtext {
@include scaledFontSize($inputTextFontSize, $scaleLG);
@include scaledPadding($inputPadding, $scaleLG);
}
}