Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/App.css
| Show First 20 Lines • Show All 48 Lines • ▼ Show 20 Lines | |||||
| } | } | ||||
| .ant-btn { | .ant-btn { | ||||
| border-radius: 8px; | border-radius: 8px; | ||||
| background-color: #fff; | background-color: #fff; | ||||
| color: rgb(62, 63, 66); | color: rgb(62, 63, 66); | ||||
| font-weight: bold; | font-weight: bold; | ||||
| } | } | ||||
| /*Custom Input Fields */ | /*Hover on currency dropdowns */ | ||||
| input.ant-input, | |||||
| .ant-select-selection { | |||||
| background-color: #fff !important; | |||||
| box-shadow: none !important; | |||||
| border-radius: 4px; | |||||
| font-weight: bold; | |||||
| color: rgb(62, 63, 66); | |||||
| opacity: 1; | |||||
| height: 50px; | |||||
| } | |||||
| .ant-select-selection:hover { | |||||
| border: 1px solid #eaedf3; | |||||
| } | |||||
| .ant-select-selection-selected-value { | |||||
| color: rgb(62, 63, 66); | |||||
| } | |||||
| .ant-select-dropdown-menu-item { | |||||
| color: #444; | |||||
| background-color: #fff; | |||||
| } | |||||
| .ant-select-dropdown-menu-item-active, | |||||
| .ant-select-dropdown-menu-item:hover { | |||||
| color: #fff; | |||||
| background-color: #ff8d00 !important; | |||||
| } | |||||
| .selectedCurrencyOption:hover { | .selectedCurrencyOption:hover { | ||||
| color: #fff !important; | color: #fff !important; | ||||
| background-color: #ff8d00 !important; | background-color: #ff8d00 !important; | ||||
| } | } | ||||
| .ant-input-affix-wrapper { | |||||
| background-color: #fff; | |||||
| border: 1px solid #eaedf3 !important; | |||||
| } | |||||
| input.ant-input, | |||||
| .ant-select-selection { | |||||
| border: none; | |||||
| } | |||||
| .ant-input::placeholder { | |||||
| text-align: left; | |||||
| } | |||||
| .ant-select-selector { | |||||
| height: 60px !important; | |||||
| border: 1px solid #eaedf3 !important; | |||||
| } | |||||
| /*Revs with updated Antd*/ | |||||
| .ant-select-single .ant-select-selector .ant-select-selection-item, | |||||
| .ant-select-single .ant-select-selector .ant-select-selection-placeholder { | |||||
| line-height: 60px; | |||||
| text-align: left; | |||||
| color: #3e3f42; | |||||
| font-weight: bold; | |||||
| } | |||||
| /* Handle new antd error formatting */ | |||||
| .ant-form-item-has-error | |||||
| > div | |||||
| > div.ant-form-item-control-input | |||||
| > div | |||||
| > span | |||||
| > span | |||||
| > span.ant-input-affix-wrapper { | |||||
| background-color: #fff; | |||||
| border-color: #f04134 !important; | |||||
| } | |||||
| .ant-form-item-has-error .ant-input, | |||||
| .ant-form-item-has-error .ant-input-affix-wrapper, | |||||
| .ant-form-item-has-error .ant-input:hover, | |||||
| .ant-form-item-has-error .ant-input-affix-wrapper:hover { | |||||
| background-color: #fff; | |||||
| border-color: #f04134 !important; | |||||
| } | |||||
| .ant-form-item-has-error | |||||
| .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) | |||||
| .ant-select-selector { | |||||
| background-color: #fff; | |||||
| border-color: #f04134 !important; | |||||
| } | |||||