2020-04-21 10:50:26 +02:00
|
|
|
// Update Bulma's global variables
|
|
|
|
$family-sans-serif: 'Nunito', sans-serif;
|
|
|
|
|
2021-11-08 10:34:59 +01:00
|
|
|
$primary: $primary_color;
|
2020-04-21 10:50:26 +02:00
|
|
|
$link: $wisteria;
|
|
|
|
$widescreen-enabled: false;
|
|
|
|
$fullhd-enabled: false;
|
|
|
|
|
|
|
|
// Update some of Bulma's component variables
|
|
|
|
$body-background-color: $black;
|
|
|
|
$control-border-width: 2px;
|
|
|
|
$input-border-color: transparent;
|
|
|
|
$input-shadow: none;
|
2021-02-10 11:23:09 +01:00
|
|
|
|
|
|
|
.notification {
|
|
|
|
margin: 1em 0;
|
|
|
|
}
|
2022-02-16 11:46:58 +01:00
|
|
|
|
2021-05-20 14:11:30 +02:00
|
|
|
.select {
|
|
|
|
display: block !important;
|
|
|
|
width: 80%;
|
|
|
|
}
|
2022-02-10 14:50:05 +01:00
|
|
|
|
|
|
|
// modal dialog
|
2022-03-10 12:00:31 +01:00
|
|
|
|
2022-02-10 14:50:05 +01:00
|
|
|
.p-dialog {
|
2022-02-16 16:45:55 +01:00
|
|
|
background: transparent !important;
|
2022-02-16 16:50:02 +01:00
|
|
|
box-shadow: none;
|
2022-03-10 12:00:31 +01:00
|
|
|
font-family: $title_font !important;
|
|
|
|
max-width: $widescreen-width-main-column;
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
.title {
|
2022-03-14 18:07:48 +01:00
|
|
|
margin-top: 72px !important;
|
2022-03-10 12:00:31 +01:00
|
|
|
margin-bottom: 1rem;
|
|
|
|
@extend .is-3;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p-dialog-header {
|
|
|
|
color: $primary_color;
|
|
|
|
padding: 1rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p-dialog-content {
|
|
|
|
border-top-left-radius: 8px;
|
|
|
|
border-top-right-radius: 8px;
|
|
|
|
padding: 0 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p-dialog-footer {
|
|
|
|
border-bottom-left-radius: 8px !important;
|
|
|
|
border-bottom-right-radius: 8px !important;
|
|
|
|
padding: 1rem;
|
|
|
|
|
|
|
|
button {
|
|
|
|
margin-right: 0;
|
|
|
|
margin-left: 1rem;
|
|
|
|
}
|
|
|
|
}
|
2022-02-10 14:50:05 +01:00
|
|
|
}
|
2022-02-16 11:46:58 +01:00
|
|
|
|
2022-02-10 14:50:05 +01:00
|
|
|
.cancel-button-reject {
|
|
|
|
background: none;
|
2022-03-10 12:00:31 +01:00
|
|
|
margin-right: -0.5rem;
|
|
|
|
margin-top: 0.5rem;
|
|
|
|
padding: 0.5rem !important;
|
2022-02-10 14:50:05 +01:00
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.round-borders {
|
|
|
|
border-radius: 1rem !important;
|
|
|
|
}
|
2022-02-11 11:43:50 +01:00
|
|
|
|
|
|
|
.img-marged-left {
|
|
|
|
img {
|
|
|
|
margin-left: 1rem;
|
|
|
|
}
|
|
|
|
}
|
2022-02-16 11:46:58 +01:00
|
|
|
|
2022-02-11 11:43:50 +01:00
|
|
|
.img-marged-right {
|
|
|
|
img {
|
|
|
|
margin-right: 1rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.button .icon:first-child:last-child,
|
|
|
|
button .icon:first-child:last-child,
|
|
|
|
.btn .icon:first-child:last-child {
|
|
|
|
margin-left: 1rem;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
2022-02-16 11:46:58 +01:00
|
|
|
|
2022-02-15 15:41:49 +01:00
|
|
|
.p-datepicker .p-datepicker-calendar td span,
|
|
|
|
.p-datepicker .p-datepicker-calendar .p-ripple {
|
|
|
|
transition: outline ease 0.1s;
|
|
|
|
}
|
2022-02-16 11:46:58 +01:00
|
|
|
|
2022-02-15 15:41:49 +01:00
|
|
|
.p-button:focus,
|
|
|
|
.p-datepicker table td > span:focus,
|
|
|
|
.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
|
|
|
|
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
|
2022-03-10 16:37:17 +01:00
|
|
|
//outline: 3px solid $outline-color !important;
|
|
|
|
|
|
|
|
@extend .outlined;
|
2022-02-15 15:41:49 +01:00
|
|
|
}
|
2022-03-10 16:37:17 +01:00
|
|
|
|
|
|
|
.p-datepicker-buttonbar {
|
|
|
|
.p-button.p-button-text {
|
|
|
|
color: $primary-color;
|
|
|
|
background: white;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
color: $d-primary-intense;
|
|
|
|
background: #f6f5fb;
|
|
|
|
.p-button-label {
|
|
|
|
color: $d-primary-intense;
|
|
|
|
background: #f6f5fb;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2022-03-10 13:13:42 +01:00
|
|
|
}
|