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

144
frontend/public/primevue-sass-theme/theme-base/components/multimedia/_image.scss
View File

@@ -1,128 +1,128 @@
// core
.p-image-mask {
display: flex;
align-items: center;
justify-content: center;
display: flex;
align-items: center;
justify-content: center;
}
.p-image-preview-container {
position: relative;
display: inline-block;
line-height: 0;
position: relative;
display: inline-block;
line-height: 0;
}
.p-image-preview-indicator {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s;
border: none;
padding: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s;
border: none;
padding: 0;
}
.p-image-preview-container:hover > .p-image-preview-indicator {
opacity: 1;
cursor: pointer;
opacity: 1;
cursor: pointer;
}
.p-image-preview-container > img {
cursor: pointer;
cursor: pointer;
}
.p-image-toolbar {
position: absolute;
top: 0;
right: 0;
display: flex;
z-index: 1;
position: absolute;
top: 0;
right: 0;
display: flex;
z-index: 1;
}
.p-image-action.p-link {
display: flex;
justify-content: center;
align-items: center;
display: flex;
justify-content: center;
align-items: center;
}
.p-image-action.p-disabled {
pointer-events: auto;
pointer-events: auto;
}
.p-image-preview {
transition: transform 0.15s;
max-width: 100vw;
max-height: 100vh;
transition: transform 0.15s;
max-width: 100vw;
max-height: 100vh;
}
.p-image-preview-enter-active {
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
}
.p-image-preview-leave-active {
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.p-image-preview-enter-from,
.p-image-preview-leave-to {
opacity: 0;
transform: scale(0.7);
opacity: 0;
transform: scale(0.7);
}
// theme
.p-image-mask {
--maskbg: #{$imageMaskBg};
--maskbg: #{$imageMaskBg};
}
.p-image-preview-indicator {
background-color: transparent;
color: $imagePreviewIndicatorColor;
transition: $actionIconTransition;
background-color: transparent;
color: $imagePreviewIndicatorColor;
transition: $actionIconTransition;
.p-icon {
width: $imagePreviewActionIconFontSize;
height: $imagePreviewActionIconFontSize;
}
.p-icon {
width: $imagePreviewActionIconFontSize;
height: $imagePreviewActionIconFontSize;
}
}
.p-image-preview-container {
&:hover {
> .p-image-preview-indicator {
background-color: $imagePreviewIndicatorBg;
}
&:hover {
> .p-image-preview-indicator {
background-color: $imagePreviewIndicatorBg;
}
}
}
.p-image-toolbar {
padding: $imagePreviewToolbarPadding;
padding: $imagePreviewToolbarPadding;
}
.p-image-action.p-link {
color: $imagePreviewActionIconColor;
background-color: $imagePreviewActionIconBg;
width: $imagePreviewActionIconWidth;
height: $imagePreviewActionIconHeight;
border-radius: $imagePreviewActionIconBorderRadius;
transition: $actionIconTransition;
margin-right: $inlineSpacing;
color: $imagePreviewActionIconColor;
background-color: $imagePreviewActionIconBg;
width: $imagePreviewActionIconWidth;
height: $imagePreviewActionIconHeight;
border-radius: $imagePreviewActionIconBorderRadius;
transition: $actionIconTransition;
margin-right: $inlineSpacing;
&:last-child {
margin-right: 0;
}
&:last-child {
margin-right: 0;
}
&:hover {
color: $imagePreviewActionIconHoverColor;
background-color: $imagePreviewActionIconHoverBg;
}
&:hover {
color: $imagePreviewActionIconHoverColor;
background-color: $imagePreviewActionIconHoverBg;
}
i {
font-size: $imagePreviewActionIconFontSize;
}
i {
font-size: $imagePreviewActionIconFontSize;
}
.p-icon {
width: $imagePreviewActionIconFontSize;
height: $imagePreviewActionIconFontSize;
}
}
.p-icon {
width: $imagePreviewActionIconFontSize;
height: $imagePreviewActionIconFontSize;
}
}