diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 41b1e1303..5f8f3227b 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -4301,6 +4301,21 @@ background: transparent; } +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} + .p-button { font-weight: 500; min-width: 4rem; @@ -4637,6 +4652,21 @@ background: transparent; } +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} + .p-datatable .p-sortable-column { outline: 0 none; } @@ -4746,6 +4776,22 @@ .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { border-right-color: transparent; } +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; @@ -4770,6 +4816,8 @@ .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; @@ -4779,6 +4827,10 @@ margin-top: 0; } +.p-float-label textarea ~ label { + margin-top: 0; +} + .p-float-label input:focus ~ label, .p-float-label .p-inputwrapper-focus ~ label { color: #CE93D8; @@ -4790,9 +4842,11 @@ } .p-input-filled .p-float-label input:focus ~ label, .p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.5rem !important; + top: 0.25rem !important; margin-top: 0; background: transparent; } diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index a52c350b0..45a377962 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -4301,6 +4301,21 @@ background: transparent; } +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} + .p-button { font-weight: 500; min-width: 4rem; @@ -4637,6 +4652,21 @@ background: transparent; } +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} + .p-datatable .p-sortable-column { outline: 0 none; } @@ -4746,6 +4776,22 @@ .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { border-right-color: transparent; } +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; @@ -4770,6 +4816,8 @@ .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; @@ -4779,6 +4827,10 @@ margin-top: 0; } +.p-float-label textarea ~ label { + margin-top: 0; +} + .p-float-label input:focus ~ label, .p-float-label .p-inputwrapper-focus ~ label { color: #9FA8DA; @@ -4790,9 +4842,11 @@ } .p-input-filled .p-float-label input:focus ~ label, .p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.5rem !important; + top: 0.25rem !important; margin-top: 0; background: transparent; } diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 73617e43c..c316cf3dc 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -4301,6 +4301,21 @@ background: transparent; } +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} + .p-button { font-weight: 500; min-width: 4rem; @@ -4637,6 +4652,21 @@ background: transparent; } +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} + .p-datatable .p-sortable-column { outline: 0 none; } @@ -4746,6 +4776,22 @@ .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { border-right-color: transparent; } +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; @@ -4770,6 +4816,8 @@ .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; @@ -4779,6 +4827,10 @@ margin-top: 0; } +.p-float-label textarea ~ label { + margin-top: 0; +} + .p-float-label input:focus ~ label, .p-float-label .p-inputwrapper-focus ~ label { color: #673AB7; @@ -4790,9 +4842,11 @@ } .p-input-filled .p-float-label input:focus ~ label, .p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.5rem !important; + top: 0.25rem !important; margin-top: 0; background: transparent; } diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index a5435c477..bea87a620 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -4301,6 +4301,21 @@ background: transparent; } +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} + .p-button { font-weight: 500; min-width: 4rem; @@ -4637,6 +4652,21 @@ background: transparent; } +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} + .p-datatable .p-sortable-column { outline: 0 none; } @@ -4746,6 +4776,22 @@ .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { border-right-color: transparent; } +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; @@ -4770,6 +4816,8 @@ .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; @@ -4779,6 +4827,10 @@ margin-top: 0; } +.p-float-label textarea ~ label { + margin-top: 0; +} + .p-float-label input:focus ~ label, .p-float-label .p-inputwrapper-focus ~ label { color: #3F51B5; @@ -4790,9 +4842,11 @@ } .p-input-filled .p-float-label input:focus ~ label, .p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.5rem !important; + top: 0.25rem !important; margin-top: 0; background: transparent; } diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index dd2953358..89e72e50e 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -4301,6 +4301,21 @@ background: transparent; } +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} + .p-button { font-weight: 500; min-width: 4rem; @@ -4637,6 +4652,21 @@ background: transparent; } +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} + .p-datatable .p-sortable-column { outline: 0 none; } @@ -4746,6 +4776,22 @@ .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { border-right-color: transparent; } +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; @@ -4770,6 +4816,8 @@ .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; @@ -4779,20 +4827,26 @@ margin-top: 0; } +.p-float-label textarea ~ label { + margin-top: 0; +} + .p-float-label input:focus ~ label, .p-float-label .p-inputwrapper-focus ~ label { color: #673AB7; } .p-input-filled .p-float-label .p-inputtext { - padding-top: 1.5rem; - padding-bottom: 0.5rem; + padding-top: 1.25rem; + padding-bottom: 0.25rem; } .p-input-filled .p-float-label input:focus ~ label, .p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.5rem !important; + top: 0.25rem !important; margin-top: 0; background: transparent; } diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 458954c35..f2e09d31a 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -4301,6 +4301,21 @@ background: transparent; } +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} + .p-button { font-weight: 500; min-width: 4rem; @@ -4637,6 +4652,21 @@ background: transparent; } +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} + .p-datatable .p-sortable-column { outline: 0 none; } @@ -4746,6 +4776,22 @@ .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { border-right-color: transparent; } +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; @@ -4770,6 +4816,8 @@ .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; @@ -4779,20 +4827,26 @@ margin-top: 0; } +.p-float-label textarea ~ label { + margin-top: 0; +} + .p-float-label input:focus ~ label, .p-float-label .p-inputwrapper-focus ~ label { color: #3F51B5; } .p-input-filled .p-float-label .p-inputtext { - padding-top: 1.5rem; - padding-bottom: 0.5rem; + padding-top: 1.25rem; + padding-bottom: 0.25rem; } .p-input-filled .p-float-label input:focus ~ label, .p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.5rem !important; + top: 0.25rem !important; margin-top: 0; background: transparent; } diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index d012464ec..f545ddabc 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -4301,6 +4301,21 @@ background: transparent; } +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} + .p-button { font-weight: 500; min-width: 4rem; @@ -4637,6 +4652,21 @@ background: transparent; } +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} + .p-datatable .p-sortable-column { outline: 0 none; } @@ -4746,6 +4776,22 @@ .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { border-right-color: transparent; } +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; @@ -4770,6 +4816,8 @@ .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; @@ -4779,20 +4827,26 @@ margin-top: 0; } +.p-float-label textarea ~ label { + margin-top: 0; +} + .p-float-label input:focus ~ label, .p-float-label .p-inputwrapper-focus ~ label { color: #673AB7; } .p-input-filled .p-float-label .p-inputtext { - padding-top: 1.5rem; - padding-bottom: 0.5rem; + padding-top: 1.25rem; + padding-bottom: 0.25rem; } .p-input-filled .p-float-label input:focus ~ label, .p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.5rem !important; + top: 0.25rem !important; margin-top: 0; background: transparent; } diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 64c21c902..00cf64f84 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -4301,6 +4301,21 @@ background: transparent; } +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} + .p-button { font-weight: 500; min-width: 4rem; @@ -4637,6 +4652,21 @@ background: transparent; } +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} + .p-datatable .p-sortable-column { outline: 0 none; } @@ -4746,6 +4776,22 @@ .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { border-right-color: transparent; } +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} .p-inputswitch .p-inputswitch-slider:before { transition-property: box-shadow transform; @@ -4770,6 +4816,8 @@ .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label { top: -0.5rem !important; @@ -4779,20 +4827,26 @@ margin-top: 0; } +.p-float-label textarea ~ label { + margin-top: 0; +} + .p-float-label input:focus ~ label, .p-float-label .p-inputwrapper-focus ~ label { color: #3F51B5; } .p-input-filled .p-float-label .p-inputtext { - padding-top: 1.5rem; - padding-bottom: 0.5rem; + padding-top: 1.25rem; + padding-bottom: 0.25rem; } .p-input-filled .p-float-label input:focus ~ label, .p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, .p-input-filled .p-float-label .p-inputwrapper-focus ~ label, .p-input-filled .p-float-label .p-inputwrapper-filled ~ label { - top: 0.5rem !important; + top: 0.25rem !important; margin-top: 0; background: transparent; }