tykayn
/
funky-framadate-front
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

hover color on datepicker ripples

This commit is contained in:
Tykayn 2021-12-06 12:25:39 +01:00 committed by tykayn
parent e1ad358a78
commit d2ce9ecac1
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/features/administration/stepper/stepper.component.html
View File

@ -88,12 +88,12 @@
<p>Souhaitez-vous vraiment quitter le sondage ? Toutes les informations seront effacées.</p>
<ng-template pTemplate="footer">
<div class="columns">
<div class="column">
<div class="column is-half-mobile">
<button class="button is-warning is-fullwidth cancel-button-confirm" (click)="goToHome()">
Quitter
</button>
</div>
<div class="column">
<div class="column is-half-mobile">
<button
class="button is-primary is-fullwidth cancel-button-reject"
(click)="display_cancel_dialog = false"

27
src/styles/partials/_datepicker.scss
View File

@ -2,6 +2,7 @@
.calendar {
text-align: center;
}
.p-datepicker {
padding: 0.5em;
margin: 1em auto;
@ -22,6 +23,7 @@
.p-datepicker-buttonbar {
margin-top: 0.5em;
button {
min-width: 15em;
}
@ -41,18 +43,21 @@
background: $white;
}
.p-datepicker-calendar td span {
padding: 1.5em 0.5em;
width: 3.5em;
transition: all ease 0.5s;
background: $white;
border: solid 1px $secondary_color;
color: $secondary_color;
.p-datepicker-calendar {
td span,
.p-ripple {
padding: 1.5em 0.5em;
width: 3.5em;
transition: all ease 0.5s;
background: $white;
border: solid 1px $secondary_color;
color: $secondary_color;
&:hover {
background: mix($white, $secondary_color);
color: $white;
transition: all ease 0.2s;
&:hover {
background: $secondary_color !important;
color: $white;
transition: all ease 0.2s;
}
}
}