diff --git a/package.json b/package.json index 95f3685..2b4a4dd 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "version": "0.0.1", "scripts": { "ng": "ng", - "start": "ng serve", + "start": "ng serve --poll 500", "build": "ng build", "build-for-prod": "ng build --prod", "test": "ng test", @@ -50,4 +50,4 @@ "tslint": "~6.1.0", "typescript": "^4.0.8" } -} \ No newline at end of file +} diff --git a/src/app/app.component.less b/src/app/app.component.less index 787e1d5..7aafa49 100644 --- a/src/app/app.component.less +++ b/src/app/app.component.less @@ -32,14 +32,19 @@ margin-right: 16px; height: 48px; width: 48px; - font-size: 20px; color: @green; border-color: @green; border-width: 1.6px; + line-height: 1; &:hover, &:focus { background-color: fade(@green, 10%); } + + i { + font-size: 20px; + height: 20px; + } } .trigger:hover { diff --git a/src/app/styles/global/lib-custom/ant-design/_button.less b/src/app/styles/global/lib-custom/ant-design/_button.less index 13e7ded..e78de45 100644 --- a/src/app/styles/global/lib-custom/ant-design/_button.less +++ b/src/app/styles/global/lib-custom/ant-design/_button.less @@ -1,3 +1,7 @@ .ant-btn { transition: none; } + +.ant-btn-icon-only { + padding: 0; +} diff --git a/src/app/styles/global/lib-custom/ant-design/_date-picker.less b/src/app/styles/global/lib-custom/ant-design/_date-picker.less index 3722d6c..816dea2 100644 --- a/src/app/styles/global/lib-custom/ant-design/_date-picker.less +++ b/src/app/styles/global/lib-custom/ant-design/_date-picker.less @@ -1,3 +1,3 @@ -.ant-calendar-picker { +.ant-picker { display: block; } diff --git a/src/app/styles/global/lib-custom/ant-design/_select.less b/src/app/styles/global/lib-custom/ant-design/_select.less index 0203e72..f44fa64 100644 --- a/src/app/styles/global/lib-custom/ant-design/_select.less +++ b/src/app/styles/global/lib-custom/ant-design/_select.less @@ -1,28 +1,25 @@ @import "../../_colors"; -.ant-select-dropdown-menu-item { - font-size: 13px; -} - -.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) { - color: @blueviolet; -} - .element-type-select { - .ant-select-selection--single { - height: 22px; - } - - .ant-select-selection__rendered { + .ant-select-selection { margin-left: 3px; margin-right: 16px; font-size: 16px; line-height: 22px; } - .ant-select-open, - .ant-select-selection:focus { - color: @blueviolet; + .ant-select-selector { + height: 22px !important; + padding: 0 16px 0 3px !important; + } + + .ant-select-selection-item { + padding-right: 0 !important; + line-height: 22px !important; + } + + .ant-select-single.ant-select-open .ant-select-selection-item { + color: @blueviolet !important; } .ant-select-arrow { diff --git a/src/app/styles/global/lib-custom/ant-design/_theme.less b/src/app/styles/global/lib-custom/ant-design/_theme.less index 2ce38b9..225bf09 100644 --- a/src/app/styles/global/lib-custom/ant-design/_theme.less +++ b/src/app/styles/global/lib-custom/ant-design/_theme.less @@ -4,13 +4,17 @@ // Colors @text-color: @dark-grey; @primary-color: @blueviolet; +@select-item-selected-color: @primary-color; @font-family: sans-serif; +@dropdown-font-size: 13px; @text-selection-bg: @blue; @layout-header-background: @white; +@line-height-base: 1.5; +@border-radius-base: 4px; @border-color-base: @light-grey-3; @btn-disable-color: fade(@black, 35%); diff --git a/src/app/widgets/form-editor/element/type-select/element-type-select.component.html b/src/app/widgets/form-editor/element/type-select/element-type-select.component.html index e4e95f0..20589f3 100644 --- a/src/app/widgets/form-editor/element/type-select/element-type-select.component.html +++ b/src/app/widgets/form-editor/element/type-select/element-type-select.component.html @@ -15,5 +15,6 @@ - + diff --git a/src/app/widgets/form-editor/element/type-select/element-type-select.component.less b/src/app/widgets/form-editor/element/type-select/element-type-select.component.less index c394b78..59a0ee1 100644 --- a/src/app/widgets/form-editor/element/type-select/element-type-select.component.less +++ b/src/app/widgets/form-editor/element/type-select/element-type-select.component.less @@ -7,3 +7,7 @@ margin-right: 12px; font-size: 16px; } + +.select-icon { + font-size: 16px; +} diff --git a/src/app/widgets/form-editor/form-editor.component.html b/src/app/widgets/form-editor/form-editor.component.html index ea1ec04..6d44155 100644 --- a/src/app/widgets/form-editor/form-editor.component.html +++ b/src/app/widgets/form-editor/form-editor.component.html @@ -1,6 +1,6 @@ diff --git a/src/app/widgets/form-editor/form-editor.component.less b/src/app/widgets/form-editor/form-editor.component.less index 00e6aa7..1ca809b 100644 --- a/src/app/widgets/form-editor/form-editor.component.less +++ b/src/app/widgets/form-editor/form-editor.component.less @@ -1,9 +1,12 @@ .add-element-btn { - font-size: 28px; line-height: 28px; border: 2px solid white; - &:focus { + i { + font-size: 28px; + } + + &:focus > i { font-size: 32px; line-height: 32px; border-width: 0; diff --git a/src/app/widgets/form-editor/settings-drawer/settings-drawer.component.less b/src/app/widgets/form-editor/settings-drawer/settings-drawer.component.less index 00a353e..43ab0dd 100644 --- a/src/app/widgets/form-editor/settings-drawer/settings-drawer.component.less +++ b/src/app/widgets/form-editor/settings-drawer/settings-drawer.component.less @@ -54,6 +54,7 @@ i { height: 30px; + font-size: 30px; transition: transform 2s; }