I've found a couple of misses with the new CSS in DNN7 specific to Telerik controls. I thought I would post them here for feedback before putting it into Gemini.
Specifically, the following controls do not match the new UX pattern. (There may be more, these are the ones I've found so far.)
- <telerik:RadNumericTextBox> (or <dnn:DnnNumericTextbox>
- <telerik:RadDateTimePicker> (note: there is no <dnn:DnnDateTimePicker> although there should be)
- <dnn:DnnDatePicker>
Here are the CSS fixes:
01..RadPicker_Default .rcCalPopup
02.{
03. position: inherit !important;
04. right: auto !important;
05. top: auto !important;
06.}
07.
08..dnnFormItem > .RadPicker_Default, .dnnFormItem > .RadInput_Default
09.{
10. margin-top: 0 !important;
11. margin-bottom: 18px !important;
12. width: 45% !important;
13. max-width: 445px;
14. white-space: nowrap !important;
15.}
16.
17..dnnFormItem > .RadPicker_Default .riTextBox, .dnnFormItem > .RadInput_Default .riTextBox
18.{
19. border-color: #c9c9c9 !important;
20.}
21.
22..RadPicker_Default .riTextBox, .RadInput_Default .riTextBox
23.{
24. padding: 8px !important;
25.}
26.
27..RadPicker_Default .rcTable
28.{
29. position: relative !important;
30. width: 100% !important;
31.}
32.
33.
34..dnnFormItem > .RadPicker_Default .riTextBox.riFocused, .dnnFormItem > .RadInput_Default .riTextBox.riFocused
35.{
36. border: 1px solid rgba(2, 139, 255, 0.5) !important;
37. box-shadow: 0 0 3px 0 rgba(2, 139, 255, 0.4) !important;
38. color: #333333 !important;
39.}