aboutsummaryrefslogtreecommitdiff
path: root/modern/src/common/theme/overrides.js
diff options
context:
space:
mode:
authorAnton Tananaev <anton@traccar.org>2022-05-08 11:48:09 -0700
committerAnton Tananaev <anton@traccar.org>2022-05-08 11:48:09 -0700
commit2352071211b61c10fa5bf5736baaff7809d18bf0 (patch)
tree743e4adc1cc35fb3585b912daaa8719ae5757f60 /modern/src/common/theme/overrides.js
parent044733ff543156d76437daae8edb66850d785ac9 (diff)
downloadtrackermap-web-2352071211b61c10fa5bf5736baaff7809d18bf0.tar.gz
trackermap-web-2352071211b61c10fa5bf5736baaff7809d18bf0.tar.bz2
trackermap-web-2352071211b61c10fa5bf5736baaff7809d18bf0.zip
Organize common code
Diffstat (limited to 'modern/src/common/theme/overrides.js')
-rw-r--r--modern/src/common/theme/overrides.js87
1 files changed, 87 insertions, 0 deletions
diff --git a/modern/src/common/theme/overrides.js b/modern/src/common/theme/overrides.js
new file mode 100644
index 00000000..d1fe844c
--- /dev/null
+++ b/modern/src/common/theme/overrides.js
@@ -0,0 +1,87 @@
+import dimensions from './dimensions';
+
+export default {
+ MuiFormControl: {
+ root: {
+ marginTop: 5,
+ marginBottom: 5,
+ },
+ },
+ MuiInputLabel: {
+ filled: {
+ transform: 'translate(12px, 14px) scale(1)',
+ '&$shrink': {
+ transform: 'translate(12px, -14px) scale(0.72)',
+ },
+ },
+ },
+ MuiFilledInput: {
+ root: {
+ height: dimensions.inputHeight,
+ borderRadius: dimensions.borderRadius,
+ backgroundColor: 'rgba(0, 0, 0, 0.035)',
+ },
+ input: {
+ height: dimensions.inputHeight,
+ borderRadius: dimensions.borderRadius,
+ paddingTop: '11.5px',
+ paddingBottom: '11.5px',
+ boxSizing: 'border-box',
+ '&:-webkit-autofill': {
+ WebkitBoxShadow: '0 0 0 100px #eeeeee inset',
+ },
+ },
+ underline: {
+ '&:before': {
+ borderBottom: 'none',
+ },
+ '&:after': {
+ borderBottom: 'none',
+ },
+ '&:hover:before': {
+ borderBottom: 'none',
+ },
+ },
+ },
+ MuiSelect: {
+ select: {
+ borderRadius: dimensions.borderRadius,
+ '&&:focus': {
+ borderRadius: dimensions.borderRadius,
+ },
+ },
+ },
+ MuiButton: {
+ root: {
+ height: dimensions.inputHeight,
+ marginTop: 5,
+ marginBottom: 5,
+ '&$disabled': {
+ opacity: 0.4,
+ color: undefined,
+ },
+ },
+ contained: {
+ '&$disabled': {
+ opacity: 0.4,
+ color: undefined,
+ backgroundColor: undefined,
+ },
+ },
+ },
+ MuiFormHelperText: {
+ root: {
+ marginBottom: -10,
+ },
+ contained: {
+ marginLeft: 12,
+ },
+ },
+ MuiAutocomplete: {
+ inputRoot: {
+ '&.MuiFilledInput-root': {
+ paddingTop: 0,
+ },
+ },
+ },
+};