Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

hover color on datepicker ripples

Browse Source
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"

9
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,7 +43,9 @@
background: $white; background: $white;
} }
.p-datepicker-calendar td span { .p-datepicker-calendar {
td span,
.p-ripple {
padding: 1.5em 0.5em; padding: 1.5em 0.5em;
width: 3.5em; width: 3.5em;
transition: all ease 0.5s; transition: all ease 0.5s;
@ -50,11 +54,12 @@
color: $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;
} }
} }
}
table td > span { table td > span {
border-radius: 0.25em; border-radius: 0.25em;