mirror of
https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender.git
synced 2025-08-11 14:13:49 +02:00
fix:#53 linted formatted frontend files
This commit is contained in:
Elmar Kresse
@@ -1,189 +1,189 @@
|
||||
// core
|
||||
.p-panelmenu .p-panelmenu-header-action {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.p-panelmenu .p-panelmenu-header-action:focus {
|
||||
z-index: 1;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.p-panelmenu .p-submenu-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.p-panelmenu .p-menuitem-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.p-panelmenu .p-menuitem-text {
|
||||
line-height: 1;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
// theme
|
||||
.p-panelmenu {
|
||||
.p-panelmenu-header {
|
||||
outline: 0 none;
|
||||
.p-panelmenu-header {
|
||||
outline: 0 none;
|
||||
|
||||
.p-panelmenu-header-content {
|
||||
border: $accordionHeaderBorder;
|
||||
color: $accordionHeaderTextColor;
|
||||
background: $accordionHeaderBg;
|
||||
border-radius: $borderRadius;
|
||||
transition: $listItemTransition;
|
||||
outline-color: transparent;
|
||||
|
||||
.p-panelmenu-header-action {
|
||||
color: $accordionHeaderTextColor;
|
||||
padding: $accordionHeaderPadding;
|
||||
font-weight: $accordionHeaderFontWeight;
|
||||
|
||||
.p-submenu-icon {
|
||||
margin-right: $inlineSpacing;
|
||||
}
|
||||
|
||||
.p-menuitem-icon {
|
||||
margin-right: $inlineSpacing;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.p-disabled) {
|
||||
&:focus-visible {
|
||||
.p-panelmenu-header-content {
|
||||
border: $accordionHeaderBorder;
|
||||
color: $accordionHeaderTextColor;
|
||||
background: $accordionHeaderBg;
|
||||
border-radius: $borderRadius;
|
||||
transition: $listItemTransition;
|
||||
outline-color: transparent;
|
||||
|
||||
.p-panelmenu-header-action {
|
||||
color: $accordionHeaderTextColor;
|
||||
padding: $accordionHeaderPadding;
|
||||
font-weight: $accordionHeaderFontWeight;
|
||||
|
||||
.p-submenu-icon {
|
||||
margin-right: $inlineSpacing;
|
||||
}
|
||||
|
||||
.p-menuitem-icon {
|
||||
margin-right: $inlineSpacing;
|
||||
}
|
||||
}
|
||||
@include focused-inset();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.p-disabled) {
|
||||
&:focus-visible {
|
||||
.p-panelmenu-header-content {
|
||||
@include focused-inset();
|
||||
}
|
||||
}
|
||||
&:not(.p-highlight):not(.p-disabled):hover {
|
||||
.p-panelmenu-header-content {
|
||||
background: $accordionHeaderHoverBg;
|
||||
border-color: $accordionHeaderHoverBorderColor;
|
||||
color: $accordionHeaderTextHoverColor;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.p-disabled).p-highlight {
|
||||
.p-panelmenu-header-content {
|
||||
background: $accordionHeaderActiveBg;
|
||||
border-color: $accordionHeaderActiveBorderColor;
|
||||
color: $accordionHeaderTextActiveColor;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.p-panelmenu-header-content {
|
||||
border-color: $accordionHeaderActiveHoverBorderColor;
|
||||
background: $accordionHeaderActiveHoverBg;
|
||||
color: $accordionHeaderTextActiveHoverColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.p-highlight):not(.p-disabled):hover {
|
||||
.p-panelmenu-content {
|
||||
padding: $verticalMenuPadding;
|
||||
border: $accordionContentBorder;
|
||||
background: $accordionContentBg;
|
||||
color: $accordionContentTextColor;
|
||||
border-top: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-right-radius: $borderRadius;
|
||||
border-bottom-left-radius: $borderRadius;
|
||||
|
||||
.p-panelmenu-root-list {
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
.p-menuitem {
|
||||
@include menuitem();
|
||||
|
||||
.p-menuitem-content {
|
||||
.p-menuitem-link {
|
||||
.p-submenu-icon {
|
||||
margin-right: $inlineSpacing;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-menuitem-separator {
|
||||
border-top: $divider;
|
||||
margin: $menuSeparatorMargin;
|
||||
}
|
||||
|
||||
.p-submenu-list:not(.p-panelmenu-root-list) {
|
||||
padding: $treeNodeChildrenPadding;
|
||||
}
|
||||
}
|
||||
|
||||
.p-panelmenu-panel {
|
||||
margin-bottom: $accordionSpacing;
|
||||
|
||||
@if $accordionSpacing == 0 {
|
||||
.p-panelmenu-header {
|
||||
.p-panelmenu-header-content {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.p-panelmenu-content {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
.p-panelmenu-header {
|
||||
.p-panelmenu-header-content {
|
||||
border-top: 0 none;
|
||||
}
|
||||
|
||||
&:not(.p-highlight):not(.p-disabled):hover,
|
||||
&:not(.p-disabled).p-highlight:hover {
|
||||
.p-panelmenu-header-content {
|
||||
background: $accordionHeaderHoverBg;
|
||||
border-color: $accordionHeaderHoverBorderColor;
|
||||
color: $accordionHeaderTextHoverColor;
|
||||
border-top: 0 none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
.p-panelmenu-header {
|
||||
.p-panelmenu-header-content {
|
||||
border-top-right-radius: $borderRadius;
|
||||
border-top-left-radius: $borderRadius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
.p-panelmenu-header:not(.p-highlight) {
|
||||
.p-panelmenu-header-content {
|
||||
border-bottom-right-radius: $borderRadius;
|
||||
border-bottom-left-radius: $borderRadius;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.p-disabled).p-highlight {
|
||||
.p-panelmenu-header-content {
|
||||
background: $accordionHeaderActiveBg;
|
||||
border-color: $accordionHeaderActiveBorderColor;
|
||||
color: $accordionHeaderTextActiveColor;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.p-panelmenu-header-content {
|
||||
border-color: $accordionHeaderActiveHoverBorderColor;
|
||||
background: $accordionHeaderActiveHoverBg;
|
||||
color: $accordionHeaderTextActiveHoverColor;
|
||||
}
|
||||
}
|
||||
.p-panelmenu-content {
|
||||
border-bottom-right-radius: $borderRadius;
|
||||
border-bottom-left-radius: $borderRadius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-panelmenu-content {
|
||||
padding: $verticalMenuPadding;
|
||||
border: $accordionContentBorder;
|
||||
background: $accordionContentBg;
|
||||
color: $accordionContentTextColor;
|
||||
border-top: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-right-radius: $borderRadius;
|
||||
border-bottom-left-radius: $borderRadius;
|
||||
|
||||
.p-panelmenu-root-list {
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
.p-menuitem {
|
||||
@include menuitem();
|
||||
|
||||
.p-menuitem-content {
|
||||
.p-menuitem-link {
|
||||
.p-submenu-icon {
|
||||
margin-right: $inlineSpacing;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-menuitem-separator {
|
||||
border-top: $divider;
|
||||
margin: $menuSeparatorMargin;
|
||||
}
|
||||
|
||||
.p-submenu-list:not(.p-panelmenu-root-list) {
|
||||
padding: $treeNodeChildrenPadding;
|
||||
}
|
||||
}
|
||||
|
||||
.p-panelmenu-panel {
|
||||
margin-bottom: $accordionSpacing;
|
||||
|
||||
@if $accordionSpacing == 0 {
|
||||
.p-panelmenu-header {
|
||||
.p-panelmenu-header-content {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.p-panelmenu-content {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
.p-panelmenu-header {
|
||||
.p-panelmenu-header-content {
|
||||
border-top: 0 none;
|
||||
}
|
||||
|
||||
&:not(.p-highlight):not(.p-disabled):hover,
|
||||
&:not(.p-disabled).p-highlight:hover {
|
||||
.p-panelmenu-header-content {
|
||||
border-top: 0 none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
.p-panelmenu-header {
|
||||
.p-panelmenu-header-content {
|
||||
border-top-right-radius: $borderRadius;
|
||||
border-top-left-radius: $borderRadius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
.p-panelmenu-header:not(.p-highlight) {
|
||||
.p-panelmenu-header-content {
|
||||
border-bottom-right-radius: $borderRadius;
|
||||
border-bottom-left-radius: $borderRadius;
|
||||
}
|
||||
}
|
||||
|
||||
.p-panelmenu-content {
|
||||
border-bottom-right-radius: $borderRadius;
|
||||
border-bottom-left-radius: $borderRadius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user