mirror of
https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender.git
synced 2025-08-10 05:37:44 +02:00
fix:#53 linted formatted frontend files
This commit is contained in:
Elmar Kresse
@@ -1,166 +1,186 @@
|
||||
@mixin focused-ring($ring-color) {
|
||||
box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px $ring-color, 0 1px 2px 0 rgba(0, 0, 0, 0.0);
|
||||
box-shadow:
|
||||
0 0 0 2px #1c2127,
|
||||
0 0 0 4px $ring-color,
|
||||
0 1px 2px 0 rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
@layer primevue {
|
||||
.p-button-label {
|
||||
font-weight: 0;
|
||||
.p-button-label {
|
||||
font-weight: 0;
|
||||
}
|
||||
|
||||
.p-selectbutton > .p-button,
|
||||
.p-togglebutton.p-button {
|
||||
transition:
|
||||
background-color $transitionDuration,
|
||||
border-color $transitionDuration,
|
||||
box-shadow $transitionDuration;
|
||||
}
|
||||
|
||||
.p-accordion {
|
||||
.p-accordion-header {
|
||||
.p-accordion-header-link {
|
||||
transition:
|
||||
background-color $transitionDuration,
|
||||
border-color $transitionDuration,
|
||||
box-shadow $transitionDuration;
|
||||
}
|
||||
}
|
||||
|
||||
.p-selectbutton > .p-button,
|
||||
.p-togglebutton.p-button {
|
||||
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
|
||||
}
|
||||
|
||||
.p-accordion {
|
||||
.p-accordion-header {
|
||||
.p-accordion-header-link {
|
||||
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
|
||||
}
|
||||
}
|
||||
|
||||
.p-tabview {
|
||||
.p-tabview-nav {
|
||||
li {
|
||||
.p-tabview-nav-link {
|
||||
transition:
|
||||
background-color $transitionDuration,
|
||||
border-color $transitionDuration,
|
||||
box-shadow $transitionDuration;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-tabview {
|
||||
.p-tabview-nav {
|
||||
li {
|
||||
.p-tabview-nav-link {
|
||||
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-tabmenu {
|
||||
.p-tabmenu-nav {
|
||||
.p-tabmenuitem {
|
||||
.p-menuitem-link {
|
||||
transition:
|
||||
background-color $transitionDuration,
|
||||
border-color $transitionDuration,
|
||||
box-shadow $transitionDuration;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-carousel {
|
||||
.p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||
background-color: $primaryColor;
|
||||
}
|
||||
}
|
||||
|
||||
.p-galleria {
|
||||
.p-galleria-indicators .p-galleria-indicator.p-highlight button {
|
||||
background-color: $primaryColor;
|
||||
}
|
||||
}
|
||||
|
||||
.p-button {
|
||||
&:focus {
|
||||
@include focused-ring(rgba($buttonBg, 0.7));
|
||||
}
|
||||
|
||||
.p-tabmenu {
|
||||
.p-tabmenu-nav {
|
||||
.p-tabmenuitem {
|
||||
.p-menuitem-link {
|
||||
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-carousel {
|
||||
.p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||
background-color: $primaryColor;
|
||||
}
|
||||
}
|
||||
|
||||
.p-galleria {
|
||||
.p-galleria-indicators .p-galleria-indicator.p-highlight button {
|
||||
background-color: $primaryColor;
|
||||
}
|
||||
}
|
||||
|
||||
.p-button {
|
||||
&:focus {
|
||||
@include focused-ring(rgba($buttonBg, .7));
|
||||
}
|
||||
|
||||
&.p-button-secondary:enabled:focus {
|
||||
@include focused-ring(rgba($secondaryButtonBg, .7));
|
||||
}
|
||||
|
||||
&.p-button-success:enabled:focus {
|
||||
@include focused-ring(rgba($successButtonBg, .7));
|
||||
}
|
||||
|
||||
&.p-button-info:enabled:focus {
|
||||
@include focused-ring(rgba($infoButtonBg, .7));
|
||||
}
|
||||
|
||||
&.p-button-warning:enabled:focus {
|
||||
@include focused-ring(rgba($warningButtonBg, .7));
|
||||
}
|
||||
|
||||
&.p-button-help:enabled:focus {
|
||||
@include focused-ring(rgba($helpButtonBg, .7));
|
||||
}
|
||||
|
||||
&.p-button-danger:enabled:focus {
|
||||
@include focused-ring(rgba($dangerButtonBg, .7));
|
||||
}
|
||||
}
|
||||
|
||||
.p-datatable {
|
||||
.p-datatable-tbody {
|
||||
> tr {
|
||||
&.p-datatable-dragpoint-top > td {
|
||||
box-shadow: inset 0 2px 0 0 $primaryColor;
|
||||
}
|
||||
|
||||
&.p-datatable-dragpoint-bottom > td {
|
||||
box-shadow: inset 0 -2px 0 0 $primaryColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-speeddial-item {
|
||||
&.p-focus > .p-speeddial-action {
|
||||
@include focused-ring(rgba($buttonBg, .7));
|
||||
}
|
||||
&.p-button-secondary:enabled:focus {
|
||||
@include focused-ring(rgba($secondaryButtonBg, 0.7));
|
||||
}
|
||||
|
||||
&.p-button-success:enabled:focus {
|
||||
@include focused-ring(rgba($successButtonBg, 0.7));
|
||||
}
|
||||
|
||||
&.p-button-info:enabled:focus {
|
||||
@include focused-ring(rgba($infoButtonBg, 0.7));
|
||||
}
|
||||
|
||||
&.p-button-warning:enabled:focus {
|
||||
@include focused-ring(rgba($warningButtonBg, 0.7));
|
||||
}
|
||||
|
||||
&.p-button-help:enabled:focus {
|
||||
@include focused-ring(rgba($helpButtonBg, 0.7));
|
||||
}
|
||||
|
||||
&.p-button-danger:enabled:focus {
|
||||
@include focused-ring(rgba($dangerButtonBg, 0.7));
|
||||
}
|
||||
}
|
||||
|
||||
.p-datatable {
|
||||
.p-datatable-tbody {
|
||||
> tr {
|
||||
&.p-datatable-dragpoint-top > td {
|
||||
box-shadow: inset 0 2px 0 0 $primaryColor;
|
||||
}
|
||||
|
||||
&.p-datatable-dragpoint-bottom > td {
|
||||
box-shadow: inset 0 -2px 0 0 $primaryColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-speeddial-item {
|
||||
&.p-focus > .p-speeddial-action {
|
||||
@include focused-ring(rgba($buttonBg, 0.7));
|
||||
}
|
||||
}
|
||||
|
||||
.p-toast-message {
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.p-message {
|
||||
.p-message-close {
|
||||
&:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-toast {
|
||||
.p-toast-message {
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.p-message {
|
||||
.p-message-close {
|
||||
&:hover {
|
||||
background: rgba(255,255,255,.1);
|
||||
}
|
||||
.p-toast-icon-close {
|
||||
&:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-toast {
|
||||
.p-toast-message {
|
||||
.p-toast-icon-close {
|
||||
&:hover {
|
||||
background: rgba(255,255,255,.1);
|
||||
}
|
||||
}
|
||||
.p-inline-message-text {
|
||||
font-weight: 0;
|
||||
}
|
||||
|
||||
.p-picklist-buttons .p-button,
|
||||
.p-orderlist-controls .p-button {
|
||||
transition:
|
||||
opacity $transitionDuration,
|
||||
background-color $transitionDuration,
|
||||
color $transitionDuration,
|
||||
border-color $transitionDuration,
|
||||
box-shadow $transitionDuration;
|
||||
}
|
||||
|
||||
.p-steps {
|
||||
.p-steps-item {
|
||||
&.p-highlight {
|
||||
.p-steps-number {
|
||||
background: $primaryColor;
|
||||
color: $primaryTextColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-inline-message-text {
|
||||
font-weight: 0;
|
||||
}
|
||||
|
||||
.p-picklist-buttons .p-button,
|
||||
.p-orderlist-controls .p-button {
|
||||
transition: opacity $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
|
||||
}
|
||||
|
||||
.p-steps {
|
||||
.p-steps-item {
|
||||
&.p-highlight {
|
||||
.p-steps-number {
|
||||
background: $primaryColor;
|
||||
color: $primaryTextColor;
|
||||
}
|
||||
}
|
||||
.p-stepper {
|
||||
.p-stepper-header {
|
||||
.p-stepper-action {
|
||||
.p-stepper-number {
|
||||
border-style: solid;
|
||||
border-color: $shade600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-stepper {
|
||||
.p-stepper-header {
|
||||
.p-stepper-action {
|
||||
.p-stepper-number {
|
||||
border-style: solid;
|
||||
border-color: $shade600;
|
||||
}
|
||||
}
|
||||
|
||||
&.p-highlight {
|
||||
.p-stepper-action {
|
||||
.p-stepper-number {
|
||||
background: $primaryColor;
|
||||
color: $primaryTextColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.p-highlight {
|
||||
.p-stepper-action {
|
||||
.p-stepper-number {
|
||||
background: $primaryColor;
|
||||
color: $primaryTextColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,47 +1,50 @@
|
||||
$colors: (
|
||||
"blue": #004699,
|
||||
"green": #00964e,
|
||||
"yellow": #ffed00,
|
||||
"cyan": #009ee3,
|
||||
"pink": #e5007d,
|
||||
"indigo": #6366f1,
|
||||
"teal": #14b8a6,
|
||||
"orange": #f97316,
|
||||
"bluegray": #64748b,
|
||||
"purple": #a855f7,
|
||||
"red": #e53009,
|
||||
"primary": $primaryColor,
|
||||
"htwk-yellow": #ffed00,
|
||||
"htwk-yellow-24": rgba(255, 237, 0, 0.24),
|
||||
"htwk-yellow-16": rgba(255, 237, 0, 0.16),
|
||||
"htwk-yellow-01": rgba(255, 237, 0, 0.1),
|
||||
"htwk-magenta": #e5007d,
|
||||
"htwk-rot": #e53009,
|
||||
"htwk-gruen": #00964e,
|
||||
"htwk-cyan": #009ee3,
|
||||
"htwk-blau": #004699,
|
||||
"htwk-silbergrau": #bec3c6,
|
||||
"htwk-silbergrau-80": #cbd3d1,
|
||||
"htwk-silbergrau-60": #d8dedc,
|
||||
"htwk-silbergrau-40": #e5e9e8,
|
||||
"htwk-grau-140": #1b2022,
|
||||
"htwk-grau-120": #242b2d,
|
||||
"htwk-grau": #2e3639,
|
||||
"htwk-grau-80": #575e60,
|
||||
"htwk-grau-60": #818688,
|
||||
"htwk-grau-40": #abaeaf,
|
||||
"htwk-dunkelblau": #022541,
|
||||
"htwk-dunkelblau-80": #345067,
|
||||
"htwk-dunkelblau-60": #677c8d,
|
||||
"htwk-dunkelblau-40": #99a7b3,
|
||||
"htwk-schwarz": #000000,
|
||||
"blue": #004699,
|
||||
"green": #00964e,
|
||||
"yellow": #ffed00,
|
||||
"cyan": #009ee3,
|
||||
"pink": #e5007d,
|
||||
"indigo": #6366f1,
|
||||
"teal": #14b8a6,
|
||||
"orange": #f97316,
|
||||
"bluegray": #64748b,
|
||||
"purple": #a855f7,
|
||||
"red": #e53009,
|
||||
"primary": $primaryColor,
|
||||
"htwk-yellow": #ffed00,
|
||||
"htwk-yellow-24": rgba(255, 237, 0, 0.24),
|
||||
"htwk-yellow-16": rgba(255, 237, 0, 0.16),
|
||||
"htwk-yellow-01": rgba(255, 237, 0, 0.1),
|
||||
"htwk-magenta": #e5007d,
|
||||
"htwk-rot": #e53009,
|
||||
"htwk-gruen": #00964e,
|
||||
"htwk-cyan": #009ee3,
|
||||
"htwk-blau": #004699,
|
||||
"htwk-silbergrau": #bec3c6,
|
||||
"htwk-silbergrau-80": #cbd3d1,
|
||||
"htwk-silbergrau-60": #d8dedc,
|
||||
"htwk-silbergrau-40": #e5e9e8,
|
||||
"htwk-grau-140": #1b2022,
|
||||
"htwk-grau-120": #242b2d,
|
||||
"htwk-grau": #2e3639,
|
||||
"htwk-grau-80": #575e60,
|
||||
"htwk-grau-60": #818688,
|
||||
"htwk-grau-40": #abaeaf,
|
||||
"htwk-dunkelblau": #022541,
|
||||
"htwk-dunkelblau-80": #345067,
|
||||
"htwk-dunkelblau-60": #677c8d,
|
||||
"htwk-dunkelblau-40": #99a7b3,
|
||||
"htwk-schwarz": #000000,
|
||||
);
|
||||
|
||||
//shades
|
||||
$shade000: rgba(255, 255, 255, 0.87) !default; //text color
|
||||
$shade100: rgba(255, 255, 255, 0.6) !default; //text secondary color
|
||||
$shade500: #6b7280 !default;
|
||||
$shade600: map-get($colors, "htwk-grau-140") !default; //input bg, border, divider
|
||||
$shade600: map-get(
|
||||
$colors,
|
||||
"htwk-grau-140"
|
||||
) !default; //input bg, border, divider
|
||||
$shade700: map-get($colors, "htwk-grau") !default; //menu bg
|
||||
$shade800: map-get($colors, "htwk-grau") !default; //elevated surface
|
||||
$shade900: rgba(map-get($colors, "htwk-schwarz"), 1) !default; //ground surface
|
||||
@@ -49,15 +52,32 @@ $shade900: rgba(map-get($colors, "htwk-schwarz"), 1) !default; //ground surface
|
||||
$hoverBg: rgba(255, 255, 255, 0.03) !default;
|
||||
|
||||
//global
|
||||
$fontFamily: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !default;
|
||||
$fontFamily:
|
||||
"Source Sans Pro",
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Arial,
|
||||
sans-serif,
|
||||
Apple Color Emoji,
|
||||
Segoe UI Emoji,
|
||||
Segoe UI Symbol !default;
|
||||
$fontSize: 1rem !default;
|
||||
$fontWeight: normal !default;
|
||||
$textColor: $shade000 !default;
|
||||
$textSecondaryColor: $shade100 !default;
|
||||
$borderRadius: 6px !default;
|
||||
$transitionDuration: 0.2s !default;
|
||||
$formElementTransition: background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration !default;
|
||||
$actionIconTransition: background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration !default;
|
||||
$formElementTransition:
|
||||
background-color $transitionDuration,
|
||||
color $transitionDuration,
|
||||
border-color $transitionDuration,
|
||||
box-shadow $transitionDuration !default;
|
||||
$actionIconTransition:
|
||||
background-color $transitionDuration,
|
||||
color $transitionDuration,
|
||||
box-shadow $transitionDuration !default;
|
||||
$listItemTransition: box-shadow $transitionDuration !default;
|
||||
$primeIconFontSize: 1rem !default;
|
||||
$divider: 1px solid $shade600 !default;
|
||||
@@ -135,8 +155,10 @@ $inputListHeaderBorder: 1px solid $shade600 !default;
|
||||
$inputOverlayBg: $inputListBg !default;
|
||||
$inputOverlayHeaderBg: $inputListHeaderBg !default;
|
||||
$inputOverlayBorder: 1px solid $shade600 !default;
|
||||
$inputOverlayShadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2),
|
||||
0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12) !default;
|
||||
$inputOverlayShadow:
|
||||
0 2px 4px -1px rgba(0, 0, 0, 0.2),
|
||||
0 4px 5px 0 rgba(0, 0, 0, 0.14),
|
||||
0 1px 10px 0 rgba(0, 0, 0, 0.12) !default;
|
||||
|
||||
//password
|
||||
$passwordMeterBg: $shade600 !default;
|
||||
@@ -157,8 +179,10 @@ $buttonHoverBorderColor: $primaryLightColor !default;
|
||||
$buttonActiveBg: $primaryLighterColor !default;
|
||||
$buttonTextActiveColor: $primaryTextColor !default;
|
||||
$buttonActiveBorderColor: $primaryLighterColor !default;
|
||||
$raisedButtonShadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !default;
|
||||
$raisedButtonShadow:
|
||||
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
|
||||
0px 1px 5px 0px rgba(0, 0, 0, 0.12) !default;
|
||||
$roundedButtonBorderRadius: 2rem !default;
|
||||
|
||||
$textButtonHoverBgOpacity: 0.04 !default;
|
||||
@@ -178,18 +202,19 @@ $secondaryButtonActiveBg: #e2e8f0 !default;
|
||||
$secondaryButtonTextActiveColor: $secondaryButtonTextColor !default;
|
||||
$secondaryButtonActiveBorderColor: #e2e8f0 !default;
|
||||
$secondaryButtonFocusShadow: 0 0 0 1px
|
||||
scale-color($secondaryButtonBg, $lightness: 30%) !default;
|
||||
scale-color($secondaryButtonBg, $lightness: 30%) !default;
|
||||
|
||||
$infoButtonBg: map-get($colors, "htwk-blau") !default;
|
||||
$infoButtonTextColor: #b1dafa !default;
|
||||
$infoButtonBorder: 1px solid map-get($colors, "htwk-blau") !default;
|
||||
$infoButtonHoverBg: scale-color($infoButtonBg, $lightness: 30%) !default;
|
||||
$infoButtonHoverBg: scale-color($infoButtonBg, $lightness: 30%) !default;
|
||||
$infoButtonTextHoverColor: $infoButtonTextColor !default;
|
||||
$infoButtonHoverBorderColor: map-get($colors, "htwk-cyan") !default;
|
||||
$infoButtonActiveBg: map-get($colors, "htwk-cyan") !default;
|
||||
$infoButtonTextActiveColor: $infoButtonTextColor !default;
|
||||
$infoButtonActiveBorderColor: map-get($colors, "htwk-cyan") !default;
|
||||
$infoButtonFocusShadow: 0 0 0 1px scale-color($infoButtonHoverBg, $lightness: 30%) !default;
|
||||
$infoButtonFocusShadow: 0 0 0 1px
|
||||
scale-color($infoButtonHoverBg, $lightness: 30%) !default;
|
||||
|
||||
$successButtonBg: map-get($colors, "htwk-gruen") !default;
|
||||
$successButtonTextColor: #052e16 !default;
|
||||
@@ -201,19 +226,25 @@ $successButtonActiveBg: #bbf7d0 !default;
|
||||
$successButtonTextActiveColor: $successButtonTextColor !default;
|
||||
$successButtonActiveBorderColor: #bbf7d0 !default;
|
||||
$successButtonFocusShadow: 0 0 0 1px
|
||||
scale-color($successButtonBg, $lightness: 30%) !default;
|
||||
scale-color($successButtonBg, $lightness: 30%) !default;
|
||||
|
||||
$warningButtonBg: map-get($colors, "htwk-yellow") !default;
|
||||
$warningButtonTextColor: #493c08 !default;
|
||||
$warningButtonBorder: 1px solid map-get($colors, "htwk-yellow") !default;
|
||||
$warningButtonHoverBg: scale-color($warningButtonBg, $lightness: 30%) !default;
|
||||
$warningButtonTextHoverColor: $warningButtonTextColor !default;
|
||||
$warningButtonHoverBorderColor: scale-color($warningButtonBg, $lightness: 10%) !default;
|
||||
$warningButtonHoverBorderColor: scale-color(
|
||||
$warningButtonBg,
|
||||
$lightness: 10%
|
||||
) !default;
|
||||
$warningButtonActiveBg: scale-color($warningButtonBg, $lightness: 30%) !default;
|
||||
$warningButtonTextActiveColor: $warningButtonTextColor !default;
|
||||
$warningButtonActiveBorderColor: scale-color($warningButtonBg, $lightness: 30%) !default;
|
||||
$warningButtonActiveBorderColor: scale-color(
|
||||
$warningButtonBg,
|
||||
$lightness: 30%
|
||||
) !default;
|
||||
$warningButtonFocusShadow: 0 0 0 1px
|
||||
scale-color($warningButtonBg, $lightness: 30%) !default;
|
||||
scale-color($warningButtonBg, $lightness: 30%) !default;
|
||||
|
||||
$helpButtonBg: #c084fc !default;
|
||||
$helpButtonTextColor: #3b0764 !default;
|
||||
@@ -236,7 +267,7 @@ $dangerButtonActiveBg: #fecaca !default;
|
||||
$dangerButtonTextActiveColor: $dangerButtonTextColor !default;
|
||||
$dangerButtonActiveBorderColor: #fecaca !default;
|
||||
$dangerButtonFocusShadow: 0 0 0 1px
|
||||
scale-color($dangerButtonBg, $lightness: 30%) !default;
|
||||
scale-color($dangerButtonBg, $lightness: 30%) !default;
|
||||
|
||||
$contrastButtonBg: #ffffff !default;
|
||||
$contrastButtonTextColor: $shade900 !default;
|
||||
@@ -478,8 +509,10 @@ $cardSubTitleFontWeight: 100 !default;
|
||||
$cardSubTitleColor: $shade100 !default;
|
||||
$cardContentPadding: 1.25rem 0 !default;
|
||||
$cardFooterPadding: 1.25rem 0 0 0 !default;
|
||||
$cardShadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
|
||||
0 1px 3px 0 rgba(0, 0, 0, 0.12) !default;
|
||||
$cardShadow:
|
||||
0 2px 1px -1px rgba(0, 0, 0, 0.2),
|
||||
0 1px 1px 0 rgba(0, 0, 0, 0.14),
|
||||
0 1px 3px 0 rgba(0, 0, 0, 0.12) !default;
|
||||
|
||||
//editor
|
||||
$editorToolbarBg: $panelHeaderBg !default;
|
||||
@@ -644,8 +677,10 @@ $contrastMessageIconColor: $contrastButtonTextColor !default;
|
||||
//overlays
|
||||
$overlayContentBorder: 1px solid $shade600 !default;
|
||||
$overlayContentBg: $panelContentBg !default;
|
||||
$overlayContainerShadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
|
||||
0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default;
|
||||
$overlayContainerShadow:
|
||||
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
|
||||
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
|
||||
0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default;
|
||||
|
||||
//dialog
|
||||
$dialogHeaderBg: $shade800 !default;
|
||||
@@ -719,8 +754,10 @@ $submenuHeaderBorderRadius: 0 !default;
|
||||
$submenuHeaderFontWeight: 0 !default;
|
||||
$overlayMenuBg: $menuBg !default;
|
||||
$overlayMenuBorder: 1px solid $shade600 !default;
|
||||
$overlayMenuShadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2),
|
||||
0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12) !default;
|
||||
$overlayMenuShadow:
|
||||
0 2px 4px -1px rgba(0, 0, 0, 0.2),
|
||||
0 4px 5px 0 rgba(0, 0, 0, 0.14),
|
||||
0 1px 10px 0 rgba(0, 0, 0, 0.12) !default;
|
||||
$verticalMenuPadding: 0.25rem 0 !default;
|
||||
$menuSeparatorMargin: 0.25rem 0 !default;
|
||||
|
||||
@@ -887,10 +924,23 @@ $imagePreviewActionIconFontSize: 1.5rem !default;
|
||||
$imagePreviewActionIconBorderRadius: 50% !default;
|
||||
|
||||
:root {
|
||||
font-family: "Twemoji Country Flags", "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
|
||||
font-family:
|
||||
"Twemoji Country Flags",
|
||||
"Source Sans Pro",
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Arial,
|
||||
sans-serif,
|
||||
Apple Color Emoji,
|
||||
Segoe UI Emoji,
|
||||
Segoe UI Symbol;
|
||||
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
|
||||
font-variation-settings: normal;
|
||||
--font-family: "Twemoji Country Flags", "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
|
||||
--font-family: "Twemoji Country Flags", "Source Sans Pro", -apple-system,
|
||||
BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji,
|
||||
Segoe UI Emoji, Segoe UI Symbol;
|
||||
--font-feature-settings: "cv02", "cv03", "cv04", "cv11";
|
||||
--surface-a: #{$shade800};
|
||||
--surface-b: #{$shade900};
|
||||
|
||||
@@ -5,16 +5,21 @@ $primaryLightestColor: rgba(255, 237, 0, 0.1) !default;
|
||||
$primaryTextColor: #030712 !default;
|
||||
|
||||
$highlightBg: rgba($primaryColor, 0.16) !default;
|
||||
$highlightTextColor: rgba(255,255,255,0.87) !default;
|
||||
$highlightTextColor: rgba(255, 255, 255, 0.87) !default;
|
||||
$highlightFocusBg: rgba($primaryColor, 0.24) !default;
|
||||
|
||||
@import '../_variables';
|
||||
@import './_fonts';
|
||||
@import '../../../../theme-base/_components';
|
||||
@import '../_extensions';
|
||||
@import "../_variables";
|
||||
@import "./_fonts";
|
||||
@import "../../../../theme-base/_components";
|
||||
@import "../_extensions";
|
||||
|
||||
:root {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
@@ -64,10 +69,10 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
|
||||
border: 1px solid map-get($colors, "htwk-yellow"); /*#93c5fd*/
|
||||
font-size: 1rem;
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
border-radius: 6px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -124,10 +129,10 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
|
||||
border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
|
||||
@@ -138,23 +143,29 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
|
||||
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
|
||||
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active,
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active,
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active {
|
||||
background: map-get($colors, "htwk-yellow"); /*#93c5fd*/
|
||||
border-color: map-get($colors, "htwk-yellow"); /*#93c5fd*/
|
||||
color: map-get($colors, "htwk-schwarz"); /*#1c2127*/
|
||||
}
|
||||
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active:hover,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active:hover,
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active:hover,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active:hover,
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active:hover {
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active:hover {
|
||||
background: map-get($colors, "primary");
|
||||
border-color: map-get($colors, "htwk-yellow-24");
|
||||
color: map-get($colors, "htwk-schwarz"); /*#1c2127*/
|
||||
@@ -215,10 +226,10 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close {
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close {
|
||||
opacity: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -233,34 +244,34 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:before {
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:hover {
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:focus {
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(map-get($colors, "htwk-yellow"), 0.5); /*rgba(147, 197, 253, 0.5)*/
|
||||
@@ -281,16 +292,16 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-event.fc-daygrid-block-event
|
||||
.fc-event-main {
|
||||
.fc-view-harness
|
||||
.fc-event.fc-daygrid-block-event
|
||||
.fc-event-main {
|
||||
color: map-get($colors, "htwk-schwarz"); /*#1c2127*/
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-event.fc-daygrid-dot-event
|
||||
.fc-daygrid-event-dot {
|
||||
.fc-view-harness
|
||||
.fc-event.fc-daygrid-dot-event
|
||||
.fc-daygrid-event-dot {
|
||||
background: map-get($colors, "primary");
|
||||
border-color: map-get($colors, "htwk-yellow-24");
|
||||
}
|
||||
@@ -310,10 +321,10 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
|
||||
border: 1px solid map-get($colors, "htwk-yellow"); /*#93c5fd*/
|
||||
font-size: 1rem;
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
@@ -375,10 +386,10 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
|
||||
border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
|
||||
@@ -390,42 +401,42 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active {
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active {
|
||||
background: map-get($colors, "htwk-yellow"); /*#93c5fd*/
|
||||
border-color: map-get($colors, "htwk-yellow"); /*#93c5fd*/
|
||||
color: map-get($colors, "htwk-schwarz"); /*#1c2127*/
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active:hover,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active:hover,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active:hover,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active:hover,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active:hover {
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active:hover {
|
||||
background: map-get($colors, "primary");
|
||||
border-color: map-get($colors, "htwk-yellow-24");
|
||||
color: map-get($colors, "htwk-schwarz"); /*#1c2127*/
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button:not(:disabled):focus,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button:not(:disabled):focus,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button:not(:disabled):focus,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button:not(:disabled):focus,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button:not(:disabled):focus {
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button:not(:disabled):focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(map-get($colors, "htwk-yellow"), 0.5); /*rgba(147, 197, 253, 0.5)*/
|
||||
@@ -448,6 +459,9 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
|
||||
|
||||
.fc.fc-theme-standard .fc-highlight {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(map-get($colors, "htwk-yellow"), 0.16); /*rgba(147, 197, 253, 0.16)*/
|
||||
background: rgba(
|
||||
map-get($colors, "htwk-yellow"),
|
||||
0.16
|
||||
); /*rgba(147, 197, 253, 0.16)*/
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,139 +1,159 @@
|
||||
@mixin focused-ring($ring-color) {
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px $ring-color, 0 1px 2px 0 rgba(0, 0, 0, 1.0);
|
||||
box-shadow:
|
||||
0 0 0 2px #ffffff,
|
||||
0 0 0 4px $ring-color,
|
||||
0 1px 2px 0 rgba(0, 0, 0, 1);
|
||||
}
|
||||
|
||||
@layer primevue {
|
||||
.p-button-label {
|
||||
font-weight: 600;
|
||||
.p-button-label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.p-selectbutton > .p-button,
|
||||
.p-togglebutton.p-button {
|
||||
transition:
|
||||
background-color $transitionDuration,
|
||||
border-color $transitionDuration,
|
||||
box-shadow $transitionDuration;
|
||||
}
|
||||
|
||||
.p-accordion {
|
||||
.p-accordion-header {
|
||||
.p-accordion-header-link {
|
||||
transition:
|
||||
background-color $transitionDuration,
|
||||
border-color $transitionDuration,
|
||||
box-shadow $transitionDuration;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-tabview {
|
||||
.p-tabview-nav {
|
||||
li {
|
||||
.p-tabview-nav-link {
|
||||
transition:
|
||||
background-color $transitionDuration,
|
||||
border-color $transitionDuration,
|
||||
box-shadow $transitionDuration;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-tabmenu {
|
||||
.p-tabmenu-nav {
|
||||
.p-tabmenuitem {
|
||||
.p-menuitem-link {
|
||||
transition:
|
||||
background-color $transitionDuration,
|
||||
border-color $transitionDuration,
|
||||
box-shadow $transitionDuration;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-carousel {
|
||||
.p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||
background-color: $primaryColor;
|
||||
}
|
||||
}
|
||||
|
||||
.p-galleria {
|
||||
.p-galleria-indicators .p-galleria-indicator.p-highlight button {
|
||||
background-color: $primaryColor;
|
||||
}
|
||||
}
|
||||
|
||||
.p-button {
|
||||
&:focus {
|
||||
@include focused-ring(scale-color($buttonBg, $lightness: 50%));
|
||||
}
|
||||
|
||||
.p-selectbutton > .p-button,
|
||||
.p-togglebutton.p-button {
|
||||
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
|
||||
}
|
||||
|
||||
.p-accordion {
|
||||
.p-accordion-header {
|
||||
.p-accordion-header-link {
|
||||
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-tabview {
|
||||
.p-tabview-nav {
|
||||
li {
|
||||
.p-tabview-nav-link {
|
||||
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.p-button-secondary:enabled:focus {
|
||||
@include focused-ring(scale-color($secondaryButtonBg, $lightness: 50%));
|
||||
}
|
||||
|
||||
.p-tabmenu {
|
||||
.p-tabmenu-nav {
|
||||
.p-tabmenuitem {
|
||||
.p-menuitem-link {
|
||||
transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-carousel {
|
||||
.p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
||||
background-color: $primaryColor;
|
||||
}
|
||||
}
|
||||
|
||||
.p-galleria {
|
||||
.p-galleria-indicators .p-galleria-indicator.p-highlight button {
|
||||
background-color: $primaryColor;
|
||||
}
|
||||
}
|
||||
|
||||
.p-button {
|
||||
&:focus {
|
||||
@include focused-ring(scale-color($buttonBg, $lightness: 50%));
|
||||
}
|
||||
|
||||
&.p-button-secondary:enabled:focus {
|
||||
@include focused-ring(scale-color($secondaryButtonBg, $lightness: 50%));
|
||||
}
|
||||
|
||||
&.p-button-success:enabled:focus {
|
||||
@include focused-ring($successButtonBg);
|
||||
}
|
||||
|
||||
&.p-button-info:enabled:focus {
|
||||
@include focused-ring(scale-color($infoButtonBg, $lightness: 50%));
|
||||
}
|
||||
|
||||
&.p-button-warning:enabled:focus {
|
||||
@include focused-ring(scale-color($warningButtonBg, $lightness: 50%));
|
||||
}
|
||||
|
||||
&.p-button-help:enabled:focus {
|
||||
@include focused-ring(scale-color($helpButtonBg, $lightness: 50%));
|
||||
}
|
||||
|
||||
&.p-button-danger:enabled:focus {
|
||||
@include focused-ring(scale-color($dangerButtonBg, $lightness: 50%));
|
||||
}
|
||||
}
|
||||
|
||||
.p-datatable {
|
||||
.p-datatable-tbody {
|
||||
> tr {
|
||||
&.p-datatable-dragpoint-top > td {
|
||||
box-shadow: inset 0 2px 0 0 $primaryColor;
|
||||
}
|
||||
|
||||
&.p-datatable-dragpoint-bottom > td {
|
||||
box-shadow: inset 0 -2px 0 0 $primaryColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-speeddial-item {
|
||||
&.p-focus > .p-speeddial-action {
|
||||
@include focused-ring(scale-color($buttonBg, $lightness: 50%));
|
||||
}
|
||||
&.p-button-success:enabled:focus {
|
||||
@include focused-ring($successButtonBg);
|
||||
}
|
||||
|
||||
.p-toast-message {
|
||||
backdrop-filter: blur(10px);
|
||||
&.p-button-info:enabled:focus {
|
||||
@include focused-ring(scale-color($infoButtonBg, $lightness: 50%));
|
||||
}
|
||||
|
||||
.p-inline-message-text {
|
||||
font-weight: 500;
|
||||
&.p-button-warning:enabled:focus {
|
||||
@include focused-ring(scale-color($warningButtonBg, $lightness: 50%));
|
||||
}
|
||||
|
||||
.p-picklist-buttons .p-button,
|
||||
.p-orderlist-controls .p-button {
|
||||
transition: opacity $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
|
||||
&.p-button-help:enabled:focus {
|
||||
@include focused-ring(scale-color($helpButtonBg, $lightness: 50%));
|
||||
}
|
||||
|
||||
.p-steps {
|
||||
.p-steps-item {
|
||||
&.p-highlight {
|
||||
.p-steps-number {
|
||||
background: $primaryColor;
|
||||
color: $primaryTextColor;
|
||||
}
|
||||
}
|
||||
&.p-button-danger:enabled:focus {
|
||||
@include focused-ring(scale-color($dangerButtonBg, $lightness: 50%));
|
||||
}
|
||||
}
|
||||
|
||||
.p-datatable {
|
||||
.p-datatable-tbody {
|
||||
> tr {
|
||||
&.p-datatable-dragpoint-top > td {
|
||||
box-shadow: inset 0 2px 0 0 $primaryColor;
|
||||
}
|
||||
}
|
||||
|
||||
.p-stepper {
|
||||
.p-stepper-header {
|
||||
&.p-highlight {
|
||||
.p-stepper-number {
|
||||
background: $primaryColor;
|
||||
color: $primaryTextColor;
|
||||
}
|
||||
}
|
||||
|
||||
&.p-datatable-dragpoint-bottom > td {
|
||||
box-shadow: inset 0 -2px 0 0 $primaryColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-speeddial-item {
|
||||
&.p-focus > .p-speeddial-action {
|
||||
@include focused-ring(scale-color($buttonBg, $lightness: 50%));
|
||||
}
|
||||
}
|
||||
|
||||
.p-toast-message {
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.p-inline-message-text {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.p-picklist-buttons .p-button,
|
||||
.p-orderlist-controls .p-button {
|
||||
transition:
|
||||
opacity $transitionDuration,
|
||||
background-color $transitionDuration,
|
||||
color $transitionDuration,
|
||||
border-color $transitionDuration,
|
||||
box-shadow $transitionDuration;
|
||||
}
|
||||
|
||||
.p-steps {
|
||||
.p-steps-item {
|
||||
&.p-highlight {
|
||||
.p-steps-number {
|
||||
background: $primaryColor;
|
||||
color: $primaryTextColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.p-stepper {
|
||||
.p-stepper-header {
|
||||
&.p-highlight {
|
||||
.p-stepper-number {
|
||||
background: $primaryColor;
|
||||
color: $primaryTextColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -4,17 +4,22 @@ $primaryDarkColor: #002d67 !default;
|
||||
$primaryDarkerColor: #022541 !default;
|
||||
$primaryTextColor: #ffffff !default;
|
||||
|
||||
$highlightBg: #EFF6FF !default;
|
||||
$highlightBg: #eff6ff !default;
|
||||
$highlightTextColor: $primaryDarkerColor !default;
|
||||
$highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
$highlightFocusBg: rgba($primaryColor, 0.24) !default;
|
||||
|
||||
@import '../_variables';
|
||||
@import './_fonts';
|
||||
@import '../../../../theme-base/_components';
|
||||
@import '../_extensions';
|
||||
@import "../_variables";
|
||||
@import "./_fonts";
|
||||
@import "../../../../theme-base/_components";
|
||||
@import "../_extensions";
|
||||
|
||||
:root {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
@@ -65,10 +70,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
border: 1px solid map-get($colors, "primary"); /*#93c5fd*/
|
||||
font-size: 1rem;
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
border-radius: 6px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -125,10 +130,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
|
||||
@@ -139,23 +144,29 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
|
||||
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
|
||||
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active,
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active,
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active {
|
||||
background: map-get($colors, "primary"); /*#93c5fd*/
|
||||
border-color: map-get($colors, "primary"); /*#93c5fd*/
|
||||
color: $primaryTextColor; /*#1c2127*/
|
||||
}
|
||||
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active:hover,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active:hover,
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active:hover,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active:hover,
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active:hover {
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active:hover {
|
||||
background: map-get($colors, "primary");
|
||||
border-color: map-get($colors, "primary-24");
|
||||
color: $primaryTextColor; /*#1c2127*/
|
||||
@@ -216,10 +227,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close {
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close {
|
||||
opacity: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -234,34 +245,34 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:before {
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:hover {
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:focus {
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(map-get($colors, "primary"), 0.5); /*rgba(147, 197, 253, 0.5)*/
|
||||
@@ -282,16 +293,16 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-event.fc-daygrid-block-event
|
||||
.fc-event-main {
|
||||
.fc-view-harness
|
||||
.fc-event.fc-daygrid-block-event
|
||||
.fc-event-main {
|
||||
color: $primaryTextColor; /*#1c2127*/
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-event.fc-daygrid-dot-event
|
||||
.fc-daygrid-event-dot {
|
||||
.fc-view-harness
|
||||
.fc-event.fc-daygrid-dot-event
|
||||
.fc-daygrid-event-dot {
|
||||
background: map-get($colors, "primary");
|
||||
border-color: map-get($colors, "primary-24");
|
||||
}
|
||||
@@ -311,10 +322,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
border: 1px solid map-get($colors, "primary"); /*#93c5fd*/
|
||||
font-size: 1rem;
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
@@ -376,10 +387,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
|
||||
@@ -391,42 +402,42 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active {
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active {
|
||||
background: map-get($colors, "primary"); /*#93c5fd*/
|
||||
border-color: map-get($colors, "primary"); /*#93c5fd*/
|
||||
color: $primaryTextColor; /*#1c2127*/
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active:hover,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active:hover,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active:hover,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active:hover,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active:hover {
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active:hover {
|
||||
background: map-get($colors, "primary");
|
||||
border-color: map-get($colors, "primary-24");
|
||||
color: $primaryTextColor; /*#1c2127*/
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button:not(:disabled):focus,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button:not(:disabled):focus,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button:not(:disabled):focus,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button:not(:disabled):focus,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button:not(:disabled):focus {
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button:not(:disabled):focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(map-get($colors, "primary"), 0.5); /*rgba(147, 197, 253, 0.5)*/
|
||||
@@ -449,6 +460,9 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
|
||||
.fc.fc-theme-standard .fc-highlight {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(map-get($colors, "primary"), 0.16); /*rgba(147, 197, 253, 0.16)*/
|
||||
background: rgba(
|
||||
map-get($colors, "primary"),
|
||||
0.16
|
||||
); /*rgba(147, 197, 253, 0.16)*/
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,22 +1,35 @@
|
||||
@use 'sass:color';
|
||||
@use "sass:color";
|
||||
|
||||
$primaryColor: #00944c !default;
|
||||
$primaryLightColor: color.scale($primaryColor, $lightness: 10%, $saturation: -10%) !default;
|
||||
$primaryLightColor: color.scale(
|
||||
$primaryColor,
|
||||
$lightness: 10%,
|
||||
$saturation: -10%
|
||||
) !default;
|
||||
$primaryDarkColor: color.scale($primaryColor, $lightness: -40%) !default;
|
||||
$primaryDarkerColor: color.scale($primaryColor, $lightness: -80%) !default;
|
||||
$primaryTextColor: #ffffff !default;
|
||||
|
||||
$highlightBg: color.scale($primaryColor, $lightness: 90%, $saturation: -80%) !default;
|
||||
$highlightBg: color.scale(
|
||||
$primaryColor,
|
||||
$lightness: 90%,
|
||||
$saturation: -80%
|
||||
) !default;
|
||||
$highlightTextColor: $primaryDarkerColor !default;
|
||||
$highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
$highlightFocusBg: rgba($primaryColor, 0.24) !default;
|
||||
|
||||
@import '../_variables';
|
||||
@import './_fonts';
|
||||
@import '../../../../theme-base/_components';
|
||||
@import '../_extensions';
|
||||
@import "../_variables";
|
||||
@import "./_fonts";
|
||||
@import "../../../../theme-base/_components";
|
||||
@import "../_extensions";
|
||||
|
||||
:root {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
@@ -67,10 +80,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
border: 1px solid map-get($colors, "primary"); /*#93c5fd*/
|
||||
font-size: 1rem;
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
border-radius: 6px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -127,10 +140,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
|
||||
@@ -141,23 +154,29 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
|
||||
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
|
||||
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active,
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active,
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active {
|
||||
background: map-get($colors, "primary"); /*#93c5fd*/
|
||||
border-color: map-get($colors, "primary"); /*#93c5fd*/
|
||||
color: $primaryTextColor; /*#1c2127*/
|
||||
}
|
||||
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active:hover,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active:hover,
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active:hover,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active:hover,
|
||||
.fc.fc-unthemed
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active:hover {
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active:hover {
|
||||
background: map-get($colors, "primary");
|
||||
border-color: map-get($colors, "primary-24");
|
||||
color: $primaryTextColor; /*#1c2127*/
|
||||
@@ -218,10 +237,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close {
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close {
|
||||
opacity: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -236,34 +255,34 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
background: transparent;
|
||||
border-radius: 50%;
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:before {
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:hover {
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:hover {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
border-color: transparent;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:focus {
|
||||
.fc-view-harness
|
||||
.fc-popover
|
||||
.fc-popover-header
|
||||
.fc-popover-close:focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(map-get($colors, "primary"), 0.5); /*rgba(147, 197, 253, 0.5)*/
|
||||
@@ -284,16 +303,16 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-event.fc-daygrid-block-event
|
||||
.fc-event-main {
|
||||
.fc-view-harness
|
||||
.fc-event.fc-daygrid-block-event
|
||||
.fc-event-main {
|
||||
color: $primaryTextColor; /*#1c2127*/
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-view-harness
|
||||
.fc-event.fc-daygrid-dot-event
|
||||
.fc-daygrid-event-dot {
|
||||
.fc-view-harness
|
||||
.fc-event.fc-daygrid-dot-event
|
||||
.fc-daygrid-event-dot {
|
||||
background: map-get($colors, "primary");
|
||||
border-color: map-get($colors, "primary-24");
|
||||
}
|
||||
@@ -313,10 +332,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
border: 1px solid map-get($colors, "primary"); /*#93c5fd*/
|
||||
font-size: 1rem;
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
@@ -378,10 +397,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
border-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
|
||||
@@ -393,42 +412,42 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active {
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active {
|
||||
background: map-get($colors, "primary"); /*#93c5fd*/
|
||||
border-color: map-get($colors, "primary"); /*#93c5fd*/
|
||||
color: $primaryTextColor; /*#1c2127*/
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active:hover,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button.fc-button-active:hover,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active:hover,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button.fc-button-active:hover,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active:hover {
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button.fc-button-active:hover {
|
||||
background: map-get($colors, "primary");
|
||||
border-color: map-get($colors, "primary-24");
|
||||
color: $primaryTextColor; /*#1c2127*/
|
||||
}
|
||||
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button:not(:disabled):focus,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-dayGridMonth-button:not(:disabled):focus,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button:not(:disabled):focus,
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridWeek-button:not(:disabled):focus,
|
||||
.fc.fc-theme-standard
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button:not(:disabled):focus {
|
||||
.fc-toolbar
|
||||
.fc-button.fc-timeGridDay-button:not(:disabled):focus {
|
||||
outline: 0 none;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0 0 0 0.2rem rgba(map-get($colors, "primary"), 0.5); /*rgba(147, 197, 253, 0.5)*/
|
||||
@@ -451,6 +470,9 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
|
||||
|
||||
.fc.fc-theme-standard .fc-highlight {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background: rgba(map-get($colors, "primary"), 0.16); /*rgba(147, 197, 253, 0.16)*/
|
||||
background: rgba(
|
||||
map-get($colors, "primary"),
|
||||
0.16
|
||||
); /*rgba(147, 197, 253, 0.16)*/
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user