From 51b4f7a6ba04d5a8295fe92eaff7c8545d7871d7 Mon Sep 17 00:00:00 2001 From: Evgeny Lupanov Date: Fri, 3 Apr 2020 18:42:11 +0300 Subject: [PATCH] feat(material): change inputs style --- src/app/@theme/styles/material/_material-dark.scss | 13 +++++++++---- src/app/@theme/styles/material/_material-light.scss | 13 +++++++++---- 2 files changed, 18 insertions(+), 8 deletions(-) diff --git a/src/app/@theme/styles/material/_material-dark.scss b/src/app/@theme/styles/material/_material-dark.scss index 2febe2ba..b991f81b 100644 --- a/src/app/@theme/styles/material/_material-dark.scss +++ b/src/app/@theme/styles/material/_material-dark.scss @@ -396,7 +396,7 @@ $theme: ( card-background-color: color-basic-800, card-divider-color: color-basic-700, - input-border-width: 0 0 1px 0, + input-border-width: 1px, input-basic-border-color: rgba(255, 255, 255, 0.7), input-basic-focus-border-color: color-primary-focus, input-basic-disabled-border-color: input-basic-border-color, @@ -405,9 +405,14 @@ $theme: ( input-basic-focus-background-color: transparent, input-basic-disabled-background-color: transparent, input-basic-hover-background-color: transparent, - input-rectangle-border-radius: 0, - input-semi-round-border-radius: 0, - input-round-border-radius: 0, + input-rectangle-border-radius: 0.25rem, + input-semi-round-border-radius: 0.25rem, + input-round-border-radius: 0.25rem, + input-medium-padding: 0.75rem 1rem, + input-large-padding: 1rem 1rem, + input-small-text-font-weight: text-paragraph-font-weight, + input-medium-text-font-weight: text-paragraph-font-weight, + input-large-text-font-weight: text-paragraph-font-weight, input-primary-background-color: input-basic-background-color, input-primary-focus-background-color: input-basic-focus-background-color, input-primary-disabled-background-color: input-basic-disabled-background-color, diff --git a/src/app/@theme/styles/material/_material-light.scss b/src/app/@theme/styles/material/_material-light.scss index f7e84821..fd033164 100644 --- a/src/app/@theme/styles/material/_material-light.scss +++ b/src/app/@theme/styles/material/_material-light.scss @@ -392,7 +392,7 @@ $theme: ( card-border-style: none, card-divider-color: color-basic-200, - input-border-width: 0 0 1px 0, + input-border-width: 1px, input-basic-border-color: rgba(0, 0, 0, 0.42), input-basic-focus-border-color: color-primary-focus, input-basic-disabled-border-color: rgba(0, 0, 0, 0.42), @@ -401,9 +401,14 @@ $theme: ( input-basic-focus-background-color: transparent, input-basic-disabled-background-color: transparent, input-basic-hover-background-color: transparent, - input-rectangle-border-radius: 0, - input-semi-round-border-radius: 0, - input-round-border-radius: 0, + input-rectangle-border-radius: 0.25rem, + input-semi-round-border-radius: 0.25rem, + input-round-border-radius: 0.25rem, + input-medium-padding: 0.75rem 1rem, + input-large-padding: 1rem 1rem, + input-small-text-font-weight: text-paragraph-font-weight, + input-medium-text-font-weight: text-paragraph-font-weight, + input-large-text-font-weight: text-paragraph-font-weight, input-primary-background-color: input-basic-background-color, input-primary-focus-background-color: input-basic-focus-background-color, input-primary-disabled-background-color: input-basic-disabled-background-color,