Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-17 07:50:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(calendar): prevent text jumping on hover

Browse source
This commit is contained in:
Sergey Andrievskiy 2019-06-20 13:20:08 +03:00
parent 9bb86a547b
commit f45cbeb1cf
2 changed files with 14 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/pages/extra-components/calendar/day-cell/day-cell.component.html
View file

@ -1,4 +1,2 @@
<div>
<div>{{ day }}</div> <div>{{ day }}</div>
<span>{{ (day + 100) * day }}$</span> <span class="caption">{{ (day + 100) * day }}$</span>
</div>

15
src/app/pages/extra-components/calendar/day-cell/day-cell.component.scss
View file

@ -2,9 +2,18 @@
@include nb-install-component() { @include nb-install-component() {
text-align: center; text-align: center;
flex-direction: column;
span { .caption {
font-size: 75%; display: block;
opacity: 0.75; }
&.selected .caption,
&:hover .caption {
color: nb-theme(text-control-color);
}
&.bounding-month .caption {
color: inherit;
} }
} }