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

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

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