Commit Graph

227 Commits

Author SHA1 Message Date
lyhper
655ae8e4b4 fix: datepicker style error 2018-12-01 22:57:13 +08:00
afc163
8a49fea94a
🐛 Fix small RangePicker 1px align problem
close #13105
2018-11-16 18:20:08 +08:00
afc163
a616f89a1b 🔥 update less code style 2018-11-12 12:02:30 +08:00
afc163
436cbeed7b fix DatePicker clear behavior bring by 3640754 2018-10-12 16:25:23 +08:00
zombiej
364075421b fix #12536. Adjust date-picker icon 2018-10-08 20:53:28 +08:00
afc163
06898a0619 Merge RangePicker extra and built-in footers 2018-09-02 21:45:27 +08:00
HeskeyBaozi
fd81e4575c fix date-picker clear-icon size 2018-09-02 20:59:37 +08:00
HeskeyBaozi
b9a9c308c9 [breaking] remove iconfont-font class helper 2018-08-14 15:31:20 +08:00
HeskeyBaozi
b2ab727c89 resolve conflicts 2018-08-06 15:06:06 +08:00
Thibault Derousseaux
43abea3212 Use tabular-nums font variant instead of switching to Tahoma for figures
Using a completely different font for figures leads to inconsistencies: https://github.com/ant-design/ant-design/issues/9422.
Most modern font systems defaults to [tabular figures](https://www.fonts.com/content/learning/fontology/level-3/numbers/proportional-vs-tabular-figures).
One exception to this is Apple's San Francisco which defaults to [proportional figures](http://martiancraft.com/blog/2015/10/san-francisco-part-2/#special-features-numerals).
There is, however, an official and clean way to switch to tabular figures. It's the [`font-variant` CSS property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric) that can be set to `tabular-nums`.

This commit removes the "Monospaced Number" font altogether and use `font-variant: tabular-nums` instead where it was used.
It also moves closer to the sans-serif and monospace [system font stacks used by GitHub](http://markdotto.com/2018/02/07/github-system-fonts/).
2018-08-04 11:28:14 +08:00
HeskeyBaozi
6c42d711e8 Merge branch 'feature-3.8.0' of https://github.com/ant-design/ant-design into feature/svg-icon 2018-07-31 15:36:23 +08:00
afc163
af03ae67f9 Fix TimePanel jump issue of hovering, close #11460 2018-07-29 15:03:35 +08:00
afc163
af4ed3988a chore DatePicker and TimePicker font style 2018-07-29 15:02:34 +08:00
HeskeyBaozi
ca644505be replace date-picker font icon 2018-07-23 12:06:38 +08:00
afc163
00afce3a4b Improve design of RangePicker presets link 2018-07-11 20:09:58 +08:00
afc163
60ebb434c1 Fix form controls align issue in IE11
close #9827
close #11133
2018-07-03 14:04:46 +08:00
愚道
004561ba1f fix style in range select 2018-07-02 19:51:58 +08:00
愚道
450a3142ee fix: fix datepicker selected item style, close #9529 2018-07-02 19:51:58 +08:00
afc163
7fc1483fe1 Fix style of RangePicker with preset ranges, close #10986 2018-06-22 12:13:25 +08:00
诸岳
240289ed73 Remove TimePicker wrong line-height style, close #9292 (#9317) 2018-02-09 11:36:43 +08:00
afc163
d6e429cd70 Tweak RangePicker align 2017-12-12 10:14:38 +08:00
Wei Zhu
b44a0c93cd
Add focus() blur() and autoFocus to DatePicker (#8345) 2017-11-30 09:54:31 +08:00
niko
be1cbd4eae upgrade rc-calendar dependency to 9.3.0 (#8353) 2017-11-29 11:23:15 +08:00
afc163
91a64d0567 Tweak styles 2017-10-16 21:12:49 +08:00
偏右
9053192ae9 Fix component style (#7848)
* fix components style

* fix snapshot

* update travis node version

* change upload action in ci
2017-10-11 12:01:27 +08:00
偏右
2bced36f0c New component styles (#7731)
* Tweak button padding

* upgrade input and button size

* update form controls size

* update components size

* Add lemon color and update rate color

* Add new icons

* update layout style

* breadcrumb and dropdown

* update menu arrow width

* update layout and menu

* update steps

* fix var name

* update cascasder style

* Update DatePicker

* update InputNumber and Mention

* radio and switch

* select and transfer

* TimePicker & Upload

* more components

* calendar and list

* Tree Timeline Popover Tag

* divider modal popover

* update search input

* update card style

* update switch disabled opacity

* update shoadow and mask

* Add v2-compatible-reset.less

* Fix undefined className

* update snahshotssssssssssssssssss 👻
2017-09-27 22:32:49 +08:00
偏右
759b0bb821 seperate reset styles (#7682)
* seperate reset styles

* not reset ul/ol/p/heading

* revert reset.less idea

* move label style into ant-form-item, #5851

* revert reset.less idea

* update base.less

* Better typography from bootstrap@4

use reboot replace normalize

ref:
b4d84b9cdf/scss/_reboot.scss

close #6162
2017-09-22 18:33:29 +08:00
afc163
ab6620f1f1 Fix WeekPicker style, #3825 2017-09-06 13:18:43 +08:00
偏右
f3911b3707 Feat week picker (#7404)
* New Component WeekPicker

close #212

* Add WeexPicker in API doc

* update snapshot

* Add test cases

* update snapshot
2017-08-31 20:44:22 +08:00
afc163
429cdb448d Fix RangePicker text overlap 2017-08-29 15:08:55 +08:00
Benjy Cui
2620318172 feat: support controlled panels for DatePicker and RangePicker, close: #5190 (#7049) 2017-08-21 21:15:44 +08:00
afc163
ad6dbcb9c6 Fix button in DatePicker 2017-08-16 15:38:12 +08:00
afc163
43751c9930 revert eb3c274, close #7162 2017-08-10 10:54:02 +08:00
afc163
47c5de29f3 tweak range picker style 2017-08-09 16:21:18 +08:00
偏右
eb3c274e01 Fix extra space in RangePicker
https://gw.alipayobjects.com/zos/rmsportal/sTMIijZIrTkBDaGrEXmI.png
2017-08-09 15:33:30 +08:00
afc163
5a33774238 Fix ~ mis-position bug 2017-08-07 15:35:05 +08:00
afc163
6748221ed3 tweak time-picker style 2017-08-03 22:08:14 +08:00
afc163
8618a387da tweak date-picker style 2017-08-02 21:15:03 +08:00
afc163
50466ed281 Fix ok button style 2017-07-31 16:12:41 +08:00
afc163
dc8be3fcfd Tweak icon position of DatePicker 2017-07-25 19:45:58 +08:00
Benjy Cui
9c7cec3e39 refactor: remove span[disabled] 2017-07-12 14:23:47 +08:00
Graeme Yeates
9429aedffc Fix tilde placement on rangepickers 2017-06-28 15:23:00 -04:00
Graeme Yeates
974f544713 Make -clear and -icon styles consistent at different input sizes 2017-06-28 15:09:50 -04:00
afc163
fe564335bf Tweak range picker style 2017-06-26 21:25:47 +08:00
afc163
48b63734c6 Tweak date picker icon style 2017-06-26 21:19:23 +08:00
Graeme Yeates
aaf2a508be Fix calendar clear background color 2017-06-21 12:41:45 -04:00
Benjy Cui
c61bba1020 chore: make disabled today different from other disabled day 2017-06-19 15:14:53 +08:00
afc163
61d67f4563 Fix DatePicker footer extra border 2017-06-13 15:31:47 +08:00
afc163
6790e80f3e Add renderExtraFooter for DatePicker
close #6122, close #5188
2017-06-05 17:11:58 +08:00
afc163
ed17464a5f Fix vertical align of RangePicker input in safari and 360, close #6061 2017-05-13 15:16:25 +08:00
偏右
1a775b1d3b Merge pull request #5964 from megawac/active-item-bg
Add @active-item-bg to control hover and active states
2017-05-04 12:02:55 +08:00
Graeme Yeates
98ba816bfb Add @time-picker-selected-bg to control the selected state of time-picker 2017-05-03 11:06:07 -04:00
Graeme Yeates
d8d17a6401 Seperate @active-item-bg into 2 variables 2017-05-03 10:57:14 -04:00
afc163
54f443a266 tweak clear icon position 2017-05-03 15:19:33 +08:00
Graeme Yeates
4eb2855871 Add @active-item-bg to control hover and active states 2017-05-02 11:05:28 -04:00
偏右
d3aa5f3cbf fix: time picker layout (#5983)
* Add popupClassName

* Fix showTime panel width bug, close #5959

* Add test case
2017-05-02 16:24:29 +08:00
偏右
5fde1e7550 Merge branch 'master' into background-color-base 2017-05-01 13:51:11 +08:00
Graeme Yeates
5841746ec9 Decompose @background-color-base into several variables 2017-04-28 16:04:41 -04:00
Graeme Yeates
ede77a8aa7 Consistently use @background-color-base for disabled states 2017-04-28 15:43:02 -04:00
Graeme Yeates
e6d619b3cf Fix calendar input background to use @input-bg 2017-04-28 13:24:12 -04:00
afc163
6b1cec2bf6 Use height over padding for button size, close #5256 2017-04-16 19:01:46 +08:00
leadream
193b2b7684 not aligned after customizing the size of input
For some reasons I customized the size of <Input/>. Now the default height of <Input> is 40px. But there's a problem in <RangePicker/> after doing that: the texts and icon inside it are not aligned vertically at center.

When I look into the code I found the height of `ant-calendar-range-picker-input` is 18px. I modified it to 100% and it aligned. I'm not sure if it can affect the other code.

----------------------------------------
因为某些原因我自定义了 <Input/> 的尺寸,现在它的默认高度是40px。但是当我使用 <RangePicker/> 组件时,我发现了一个问题:输入框里面的文字和图标在垂直方向不能居中对齐。我看了一下 css 代码,发现里面的 `ant-calendar-range-picker-input` 高度是固定的18px,我把它改成100%就可以垂直居中对齐了。我不知道这个改动是否会影响其他代码。
2017-04-11 18:48:03 +08:00
Benjy Cui
d8e465d579 css: fix height of MonthPicker 2017-04-10 15:30:24 +08:00
Benjy Cui
b643aa752f fix: month/year panel of DatePicker[showToday=false], close: #5620 (#5635) 2017-04-06 18:44:11 +08:00
乐仪
2bba8bee98 fix RangePicker placeholder color 2017-03-31 17:10:40 +08:00
Graeme Yeates
7cd590b3b0 Use @input-color to set calendar's input color (#5147) 2017-03-03 10:46:51 +08:00
afc163
b3a325dc29 Fix disabled DatePicker hover border color 2017-03-01 15:26:12 +08:00
Graeme Yeates
19c11dd173 chore: RangePicker TimePicker component locking background to white (#5031) 2017-02-24 10:42:45 +08:00
afc163
7181e3c9e8 revert d9ec4bf and ef0b708, close #4997 2017-02-22 16:50:24 +08:00
Benjy Cui
d9ec4bf732 fix: RangePicker style 2017-02-22 15:33:21 +08:00
偏右
75a4b06e44 Unified border radius, close #4772 (#4773) 2017-02-08 14:21:29 +08:00
Graeme Yeates
1006015ef0 Add border customization variables (#4734)
* Add border customization variables (#4712)

* Make border styles customizable (fixes #4712)
2017-01-31 16:05:10 +08:00
afc163
784915e55b Fix DatePicker time scroll issue, close #4412 2017-01-15 14:10:20 +08:00
Benjy Cui
97221a6f63 css: fix style issue, close: #4415 2017-01-12 10:35:17 +08:00
Benjy Cui
9d92066d1f chore: update data-picker detail, ref: #4415 2017-01-04 10:48:40 +08:00
偏右
d811ebee5c New color system (#4426)
* Add new color patterns algorithm

* Add color palettes

* update other colors

* fix gray color

* update more tint/shade to colorPalette

* new font color

* Update doc for new color system

* improve doc style
2017-01-01 22:20:06 +08:00
afc163
f9bad27469 Fix DatePicker input style 2016-12-05 00:27:03 +08:00
Benjy Cui
932443099a css: use @component-background, ref: #4040 2016-11-29 11:56:10 +08:00
cathayandy
addb6e44dc Fix #4039. Replace background-color: #fff with background: @body-background (#4040) 2016-11-29 09:54:54 +08:00
Benjy Cui
1ae5bb9845 chore: remove quick selector label, ref: #3753 2016-11-21 11:41:33 +08:00
Benjy Cui
38fd7f6feb chore: improve detail 2016-11-18 10:22:11 +08:00
Benjy Cui
e5deba620d css: improve style according to design, ref: #1418 2016-11-18 10:22:11 +08:00
Benjy Cui
f499a026ce feat: basic impl of RangePicker[ranges], ref: #1418 2016-11-18 10:22:11 +08:00
afc163
1850e4b7cf fix disabled today style 2016-11-14 19:00:17 +08:00
Benjy Cui
c073e78074 fix: should work with timepicker without minutes and so on, ref: #3793 (#3799) 2016-11-11 17:50:48 +08:00
afc163
e4974ac72a use @font-size-base (#1752) 2016-11-08 20:57:07 +08:00
afc163
0a48c62dcb use @text-color 2016-11-08 20:50:59 +08:00
afc163
9b81fe86d9 clear less variables and add @text-color-secondary 2016-11-08 20:48:03 +08:00
afc163
a0c96783c0 fix DatePicker align 2016-10-21 11:45:57 +08:00
Benjy Cui
39cf0899f5 fix: DatePicker should be vertical-align: middle, close: #3481 2016-10-19 11:22:10 +08:00
afc163
d92a24d477 Improve overlay border design 2016-10-14 15:40:39 +08:00
afc163
c4665a78e2 remove strange margin-right of DatePicker confirm button in safari 2016-10-14 11:39:21 +08:00
afc163
1566011720 continue to fix #3312 & #3307 2016-10-07 16:04:11 +08:00
afc163
f1d0223b66 Fix conflict less var, fix #3312 2016-10-07 15:41:11 +08:00
afc163
2875d024f9 fix range picker style 2016-09-29 12:20:21 +08:00
Benjy Cui
d8e9fff5ba deps: upgrade dependencies, close: #3161 (#3162)
* deps: upgrade dependencies, close: #3161

* css: update style for DatePicker[showTime]
2016-09-27 13:42:30 +08:00
Benjy Cui
247757f63f css: fix RangePicker's style 2016-09-21 16:43:09 +08:00
afc163
483b9e4888 Fix hover bounce style in DatePicker time panel 2016-09-18 14:21:45 +08:00
偏右
354759cb17 Redesigned icons (#3041)
* redesigned icons

* change iconfont content

* use same icons

* fix missing icons

* improve icon size
2016-09-18 09:54:47 +08:00
马斯特
a25ec29fb8 refactor: 保证所有的tsx和less都正确使用prefix (#3024)
* refactor: extract prefix cls as less variable

* refactor: apply ant icon prefix cls in less files

* refactor: all components support prefixCls props
2016-09-14 16:18:33 +08:00
Benjy Cui
2a57a4af27 fix: css of DatePicker 2016-09-14 14:22:27 +08:00
Benjy Cui
4026221d45 deps: hello moment (#2887)
* deps: upgrade TimePicker

* deps: upgrade DatePicker

* deps: upgrade Calendar

* fix: moment should work with LocaleProvider

* feat: update API of TimePicker

* feat: update Calendar's APIs

* feat: update DatePicker's APIs

* doc: update demo

* revert: add dateString and timeString and so on

* feat: add Calendar[defaultValue]

* feat: add defaultPickerValue

* docs: update docs about date picker

* feat: set moment locale to zh-cn automatically
2016-09-09 13:55:21 +08:00
afc163
903bb1aa82 fix lesshint 2016-09-08 11:14:39 +08:00
afc163
77fa03240b Merge branch '1.x-stable' 2016-08-03 11:43:43 +08:00
Benjy Cui
a4d91fb99a fix: should hide close button if not hover, close: #2584 2016-08-03 09:48:53 +08:00
afc163
0eeca99f02 Merge 1.x-stable 2016-07-26 22:20:33 +08:00
afc163
ca57794ae7 better implement for a2804cb 2016-07-25 14:03:56 +08:00
afc163
32ab285886 Merge branch '1.x-stable' 2016-07-24 13:49:42 +08:00
afc163
a2804cbff5 Make clear icon more clear 2016-07-21 20:57:44 +08:00
afc163
92d127d8a5 Fix DatePicker style 2016-07-21 15:20:01 +08:00
afc163
5eb52885d6 @background-color-base 2016-07-21 15:02:24 +08:00
afc163
db4cbabf0c Merge 2016-07-21 14:39:28 +08:00
afc163
42d34a5db3 Merge branch '1.x-stable' 2016-07-21 14:34:37 +08:00
RaoHai
8c739abeb5 style lint 2016-07-19 16:00:19 +08:00
RaoHai
7dd4a019d5 DatePicker 组件优化
+ DatePicker showTime: 面板上的日期展示输入框统一为一个,格式和外面的输入框同步,并且支持手动修改。
 面板上的 TimePicker
 + DatePicker showTime: 输入框不再展示,改造为『选择时间』,点击后不再展开浮层,直接盖住日期区域。
 + RangePicker showTime : 只选中开始日期,“确定”和“选择时间”灰置。 如未选择日期直接选择时间,开始日期和结束日期默认选中当天。
 + RangePicker showTime : 点击框外和确定均为确定操作。
 + RangePicker showTime : 在时间页面,开始时间的默认状态为当前时间,结束时间的默认状态跟随开始时间。
 + RangePicker showTime : 开始时间的选择范围没有限制,结束时间的选择范围必须大于等于开始时间。
 + RangePicker showTime : 当开始时间选择了结束时间之后的时间(发生冲突),结束时间则自动切换到与开始时间相同的时间。
2016-07-19 16:00:19 +08:00
afc163
e2cc2838fd Fix lesshint 2016-07-18 22:24:53 +08:00
afc163
a24634f3ec Merge 1.x-stable 2016-06-27 14:36:19 +08:00
afc163
6dcc1bc915 fix clear icon style, close #2182 2016-06-27 14:13:30 +08:00
afc163
c7da69036d revert mistake of DatePicker time changed 2016-06-24 17:48:50 +08:00
afc163
cc4cab5b1e Merge 1.x-stable 2016-06-23 23:11:14 +08:00
afc163
7f8cb3f5cf improve DatePicker clear icon
close #1707, close #1708

ref #1817
2016-06-23 15:40:42 +08:00
yiminghe
9a0d751f94 refactor to typescript 2016-06-22 13:19:48 +08:00
afc163
a2d435aad7 Fix range cell background 2016-06-15 16:14:40 +08:00
afc163
81dad0452f fix today link style 2016-06-02 21:20:40 +08:00
RaoHai
c65f201d51 DatePicker improvement
close #1701
2016-05-23 15:58:10 +08:00
afc163
4a3fe9e102 fix TimePicker style in DatePicker 2016-05-10 15:29:15 +08:00
afc163
0ca6a1c24a css modularize (#1448)
* css modularize

* Add alert style

* Move more component style

* Move iconfont to common style

* Move layout style

* Move more component style

* Move all components

* Fix lots of mixin deps

* remove css-prefix from less

* fix a button icon style bug

* restructure

* fix index

* add dist

* fix jest

* fix some components style

* clean webpack config

* check more components style

* update tabs

* update scripts

* update scripts

* fix form style

* fix more style

* Fix select width

* Fix form and tabs style
2016-04-27 20:44:36 +08:00