Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[modify]datepicker で「本日」にスタイルを当てる #64 #2

Merged
merged 3 commits into from
Mar 4, 2019

Conversation

t-tahara-kailash-tech
Copy link

@t-tahara-kailash-tech t-tahara-kailash-tech commented Mar 4, 2019

概要

datepicker で「本日」にスタイルを当てる
CUSTOMER-64

詳細

angular-datepicker.cssの
._720kb-datepicker-calendar-day:hover,._720kb-datepicker-calendar-day._720kb-datepicker-activeの箇所がマウスオーバー時と選択中の背景色を決めている。
現在、background: rgba(0, 0, 0, 0.03);が当たっている。

マウスオーバーを

._720kb-datepicker-calendar-day:hover {
    background: #d0e9ff;
}

今日を

._720kb-datepicker-calendar-day._720kb-datepicker-today {
    background: #777;
    color: #fff;
}

選択時を

._720kb-datepicker-calendar-day._720kb-datepicker-active {
    background: #138efa;color: #fff;
}

にする。

_720kb-datepicker-today のclassはselectedDayがnullでないとき(!selectedDay)はカレンダーに適用されないようになっていた。
そのためselectedDayがnullでない時もカレンダーに適用した。

テスト項目

  • npm test を実行し jshint のワーニングが出ないことを確認した。
    ->(es6チェックがあるのでerrorが大量。)
  • npm run unittestを行いAll Clearであることを確認した。

@masayosh4
Copy link

確認しました、問題ありません。あとでマージしておきます

@masayosh4 masayosh4 merged commit fc3f52a into master Mar 4, 2019
@t-tahara-kailash-tech t-tahara-kailash-tech deleted the fix/date_picker_today_style branch March 5, 2019 05:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants