diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index c4f96fc53..8265b0bd6 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -1655,17 +1655,17 @@ .p-button.p-button-outlined { background-color: transparent; color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-outlined:enabled:hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-outlined:enabled:active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-outlined.p-button-plain { color: rgba(255, 255, 255, 0.6); @@ -1803,17 +1803,17 @@ .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #A5D6A7; - border: 1px solid; + border: 0px none; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(165, 214, 167, 0.04); color: #A5D6A7; - border: 1px solid; + border: 0px none; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(165, 214, 167, 0.16); color: #A5D6A7; - border: 1px solid; + border: 0px none; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; @@ -1852,17 +1852,17 @@ .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #90CAF9; - border: 1px solid; + border: 0px none; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(144, 202, 249, 0.04); color: #90CAF9; - border: 1px solid; + border: 0px none; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(144, 202, 249, 0.16); color: #90CAF9; - border: 1px solid; + border: 0px none; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; @@ -1901,17 +1901,17 @@ .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #C5E1A5; - border: 1px solid; + border: 0px none; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(197, 225, 165, 0.04); color: #C5E1A5; - border: 1px solid; + border: 0px none; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(197, 225, 165, 0.16); color: #C5E1A5; - border: 1px solid; + border: 0px none; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; @@ -1950,17 +1950,17 @@ .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #FFF59D; - border: 1px solid; + border: 0px none; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(255, 245, 157, 0.04); color: #FFF59D; - border: 1px solid; + border: 0px none; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(255, 245, 157, 0.16); color: #FFF59D; - border: 1px solid; + border: 0px none; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; @@ -1999,17 +1999,17 @@ .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; @@ -2048,17 +2048,17 @@ .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #EF9A9A; - border: 1px solid; + border: 0px none; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(239, 154, 154, 0.04); color: #EF9A9A; - border: 1px solid; + border: 0px none; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(239, 154, 154, 0.16); color: #EF9A9A; - border: 1px solid; + border: 0px none; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; @@ -5509,6 +5509,15 @@ .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { background-color: rgba(206, 147, 216, 0.16); } +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} .p-button:disabled { background-color: rgba(255, 255, 255, 0.12) !important; color: rgba(255, 255, 255, 0.38) !important; diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 87cc9ba32..aab2dc547 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -1655,17 +1655,17 @@ .p-button.p-button-outlined { background-color: transparent; color: #9FA8DA; - border: 1px solid; + border: 0px none; } .p-button.p-button-outlined:enabled:hover { background: rgba(159, 168, 218, 0.04); color: #9FA8DA; - border: 1px solid; + border: 0px none; } .p-button.p-button-outlined:enabled:active { background: rgba(159, 168, 218, 0.16); color: #9FA8DA; - border: 1px solid; + border: 0px none; } .p-button.p-button-outlined.p-button-plain { color: rgba(255, 255, 255, 0.6); @@ -1803,17 +1803,17 @@ .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #F48FB1; - border: 1px solid; + border: 0px none; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(244, 143, 177, 0.04); color: #F48FB1; - border: 1px solid; + border: 0px none; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(244, 143, 177, 0.16); color: #F48FB1; - border: 1px solid; + border: 0px none; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; @@ -1852,17 +1852,17 @@ .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #90CAF9; - border: 1px solid; + border: 0px none; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(144, 202, 249, 0.04); color: #90CAF9; - border: 1px solid; + border: 0px none; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(144, 202, 249, 0.16); color: #90CAF9; - border: 1px solid; + border: 0px none; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; @@ -1901,17 +1901,17 @@ .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #C5E1A5; - border: 1px solid; + border: 0px none; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(197, 225, 165, 0.04); color: #C5E1A5; - border: 1px solid; + border: 0px none; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(197, 225, 165, 0.16); color: #C5E1A5; - border: 1px solid; + border: 0px none; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; @@ -1950,17 +1950,17 @@ .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #FFF59D; - border: 1px solid; + border: 0px none; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(255, 245, 157, 0.04); color: #FFF59D; - border: 1px solid; + border: 0px none; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(255, 245, 157, 0.16); color: #FFF59D; - border: 1px solid; + border: 0px none; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; @@ -1999,17 +1999,17 @@ .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; @@ -2048,17 +2048,17 @@ .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #EF9A9A; - border: 1px solid; + border: 0px none; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(239, 154, 154, 0.04); color: #EF9A9A; - border: 1px solid; + border: 0px none; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(239, 154, 154, 0.16); color: #EF9A9A; - border: 1px solid; + border: 0px none; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; @@ -5509,6 +5509,15 @@ .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { background-color: rgba(159, 168, 218, 0.16); } +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} .p-button:disabled { background-color: rgba(255, 255, 255, 0.12) !important; color: rgba(255, 255, 255, 0.38) !important; diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index b57a577db..8dc4f42ff 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -1655,17 +1655,17 @@ .p-button.p-button-outlined { background-color: transparent; color: #673AB7; - border: 1px solid; + border: 0 none; } .p-button.p-button-outlined:enabled:hover { background: rgba(103, 58, 183, 0.04); color: #673AB7; - border: 1px solid; + border: 0 none; } .p-button.p-button-outlined:enabled:active { background: rgba(103, 58, 183, 0.16); color: #673AB7; - border: 1px solid; + border: 0 none; } .p-button.p-button-outlined.p-button-plain { color: rgba(0, 0, 0, 0.6); @@ -1803,17 +1803,17 @@ .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #4CAF50; - border: 1px solid; + border: 0 none; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(76, 175, 80, 0.04); color: #4CAF50; - border: 1px solid; + border: 0 none; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(76, 175, 80, 0.16); color: #4CAF50; - border: 1px solid; + border: 0 none; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; @@ -1852,17 +1852,17 @@ .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #2196F3; - border: 1px solid; + border: 0 none; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; - border: 1px solid; + border: 0 none; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(33, 150, 243, 0.16); color: #2196F3; - border: 1px solid; + border: 0 none; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; @@ -1901,17 +1901,17 @@ .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689F38; - border: 1px solid; + border: 0 none; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(104, 159, 56, 0.04); color: #689F38; - border: 1px solid; + border: 0 none; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(104, 159, 56, 0.16); color: #689F38; - border: 1px solid; + border: 0 none; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; @@ -1950,17 +1950,17 @@ .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #FBC02D; - border: 1px solid; + border: 0 none; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(251, 192, 45, 0.04); color: #FBC02D; - border: 1px solid; + border: 0 none; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(251, 192, 45, 0.16); color: #FBC02D; - border: 1px solid; + border: 0 none; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; @@ -1999,17 +1999,17 @@ .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9C27B0; - border: 1px solid; + border: 0 none; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(156, 39, 176, 0.04); color: #9C27B0; - border: 1px solid; + border: 0 none; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(156, 39, 176, 0.16); color: #9C27B0; - border: 1px solid; + border: 0 none; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; @@ -2048,17 +2048,17 @@ .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #D32F2F; - border: 1px solid; + border: 0 none; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(211, 47, 47, 0.04); color: #D32F2F; - border: 1px solid; + border: 0 none; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(211, 47, 47, 0.16); color: #D32F2F; - border: 1px solid; + border: 0 none; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; @@ -5509,6 +5509,15 @@ .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { background-color: rgba(103, 58, 183, 0.16); } +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} .p-button:disabled { background-color: rgba(0, 0, 0, 0.12) !important; color: rgba(0, 0, 0, 0.38) !important; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index 5304c8a4c..77ea0c41f 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -1655,17 +1655,17 @@ .p-button.p-button-outlined { background-color: transparent; color: #3F51B5; - border: 1px solid; + border: 0 none; } .p-button.p-button-outlined:enabled:hover { background: rgba(63, 81, 181, 0.04); color: #3F51B5; - border: 1px solid; + border: 0 none; } .p-button.p-button-outlined:enabled:active { background: rgba(63, 81, 181, 0.16); color: #3F51B5; - border: 1px solid; + border: 0 none; } .p-button.p-button-outlined.p-button-plain { color: rgba(0, 0, 0, 0.6); @@ -1803,17 +1803,17 @@ .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #ff4081; - border: 1px solid; + border: 0 none; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(255, 64, 129, 0.04); color: #ff4081; - border: 1px solid; + border: 0 none; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(255, 64, 129, 0.16); color: #ff4081; - border: 1px solid; + border: 0 none; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; @@ -1852,17 +1852,17 @@ .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #2196F3; - border: 1px solid; + border: 0 none; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; - border: 1px solid; + border: 0 none; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(33, 150, 243, 0.16); color: #2196F3; - border: 1px solid; + border: 0 none; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; @@ -1901,17 +1901,17 @@ .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689F38; - border: 1px solid; + border: 0 none; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(104, 159, 56, 0.04); color: #689F38; - border: 1px solid; + border: 0 none; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(104, 159, 56, 0.16); color: #689F38; - border: 1px solid; + border: 0 none; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; @@ -1950,17 +1950,17 @@ .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #FBC02D; - border: 1px solid; + border: 0 none; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(251, 192, 45, 0.04); color: #FBC02D; - border: 1px solid; + border: 0 none; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(251, 192, 45, 0.16); color: #FBC02D; - border: 1px solid; + border: 0 none; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; @@ -1999,17 +1999,17 @@ .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9C27B0; - border: 1px solid; + border: 0 none; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(156, 39, 176, 0.04); color: #9C27B0; - border: 1px solid; + border: 0 none; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(156, 39, 176, 0.16); color: #9C27B0; - border: 1px solid; + border: 0 none; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; @@ -2048,17 +2048,17 @@ .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #D32F2F; - border: 1px solid; + border: 0 none; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(211, 47, 47, 0.04); color: #D32F2F; - border: 1px solid; + border: 0 none; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(211, 47, 47, 0.16); color: #D32F2F; - border: 1px solid; + border: 0 none; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; @@ -5509,6 +5509,15 @@ .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { background-color: rgba(63, 81, 181, 0.16); } +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} .p-button:disabled { background-color: rgba(0, 0, 0, 0.12) !important; color: rgba(0, 0, 0, 0.38) !important; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index 5fff1fbad..b65c75d60 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -1655,17 +1655,17 @@ .p-button.p-button-outlined { background-color: transparent; color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-outlined:enabled:hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-outlined:enabled:active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-outlined.p-button-plain { color: rgba(255, 255, 255, 0.6); @@ -1803,17 +1803,17 @@ .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #A5D6A7; - border: 1px solid; + border: 0px none; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(165, 214, 167, 0.04); color: #A5D6A7; - border: 1px solid; + border: 0px none; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(165, 214, 167, 0.16); color: #A5D6A7; - border: 1px solid; + border: 0px none; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; @@ -1852,17 +1852,17 @@ .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #90CAF9; - border: 1px solid; + border: 0px none; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(144, 202, 249, 0.04); color: #90CAF9; - border: 1px solid; + border: 0px none; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(144, 202, 249, 0.16); color: #90CAF9; - border: 1px solid; + border: 0px none; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; @@ -1901,17 +1901,17 @@ .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #C5E1A5; - border: 1px solid; + border: 0px none; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(197, 225, 165, 0.04); color: #C5E1A5; - border: 1px solid; + border: 0px none; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(197, 225, 165, 0.16); color: #C5E1A5; - border: 1px solid; + border: 0px none; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; @@ -1950,17 +1950,17 @@ .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #FFF59D; - border: 1px solid; + border: 0px none; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(255, 245, 157, 0.04); color: #FFF59D; - border: 1px solid; + border: 0px none; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(255, 245, 157, 0.16); color: #FFF59D; - border: 1px solid; + border: 0px none; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; @@ -1999,17 +1999,17 @@ .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; @@ -2048,17 +2048,17 @@ .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #EF9A9A; - border: 1px solid; + border: 0px none; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(239, 154, 154, 0.04); color: #EF9A9A; - border: 1px solid; + border: 0px none; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(239, 154, 154, 0.16); color: #EF9A9A; - border: 1px solid; + border: 0px none; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; @@ -5509,6 +5509,15 @@ .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { background-color: rgba(206, 147, 216, 0.16); } +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} .p-button:disabled { background-color: rgba(255, 255, 255, 0.12) !important; color: rgba(255, 255, 255, 0.38) !important; diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 6385751a8..d27c5ebf3 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -1655,17 +1655,17 @@ .p-button.p-button-outlined { background-color: transparent; color: #9FA8DA; - border: 1px solid; + border: 0px none; } .p-button.p-button-outlined:enabled:hover { background: rgba(159, 168, 218, 0.04); color: #9FA8DA; - border: 1px solid; + border: 0px none; } .p-button.p-button-outlined:enabled:active { background: rgba(159, 168, 218, 0.16); color: #9FA8DA; - border: 1px solid; + border: 0px none; } .p-button.p-button-outlined.p-button-plain { color: rgba(255, 255, 255, 0.6); @@ -1803,17 +1803,17 @@ .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #F48FB1; - border: 1px solid; + border: 0px none; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(244, 143, 177, 0.04); color: #F48FB1; - border: 1px solid; + border: 0px none; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(244, 143, 177, 0.16); color: #F48FB1; - border: 1px solid; + border: 0px none; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; @@ -1852,17 +1852,17 @@ .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #90CAF9; - border: 1px solid; + border: 0px none; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(144, 202, 249, 0.04); color: #90CAF9; - border: 1px solid; + border: 0px none; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(144, 202, 249, 0.16); color: #90CAF9; - border: 1px solid; + border: 0px none; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; @@ -1901,17 +1901,17 @@ .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #C5E1A5; - border: 1px solid; + border: 0px none; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(197, 225, 165, 0.04); color: #C5E1A5; - border: 1px solid; + border: 0px none; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(197, 225, 165, 0.16); color: #C5E1A5; - border: 1px solid; + border: 0px none; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; @@ -1950,17 +1950,17 @@ .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #FFF59D; - border: 1px solid; + border: 0px none; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(255, 245, 157, 0.04); color: #FFF59D; - border: 1px solid; + border: 0px none; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(255, 245, 157, 0.16); color: #FFF59D; - border: 1px solid; + border: 0px none; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; @@ -1999,17 +1999,17 @@ .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; - border: 1px solid; + border: 0px none; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; @@ -2048,17 +2048,17 @@ .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #EF9A9A; - border: 1px solid; + border: 0px none; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(239, 154, 154, 0.04); color: #EF9A9A; - border: 1px solid; + border: 0px none; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(239, 154, 154, 0.16); color: #EF9A9A; - border: 1px solid; + border: 0px none; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; @@ -5509,6 +5509,15 @@ .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { background-color: rgba(159, 168, 218, 0.16); } +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} .p-button:disabled { background-color: rgba(255, 255, 255, 0.12) !important; color: rgba(255, 255, 255, 0.38) !important; diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 08b3c0c2d..dbf04d039 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -1655,17 +1655,17 @@ .p-button.p-button-outlined { background-color: transparent; color: #673AB7; - border: 1px solid; + border: 0 none; } .p-button.p-button-outlined:enabled:hover { background: rgba(103, 58, 183, 0.04); color: #673AB7; - border: 1px solid; + border: 0 none; } .p-button.p-button-outlined:enabled:active { background: rgba(103, 58, 183, 0.16); color: #673AB7; - border: 1px solid; + border: 0 none; } .p-button.p-button-outlined.p-button-plain { color: rgba(0, 0, 0, 0.6); @@ -1803,17 +1803,17 @@ .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #4CAF50; - border: 1px solid; + border: 0 none; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(76, 175, 80, 0.04); color: #4CAF50; - border: 1px solid; + border: 0 none; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(76, 175, 80, 0.16); color: #4CAF50; - border: 1px solid; + border: 0 none; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; @@ -1852,17 +1852,17 @@ .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #2196F3; - border: 1px solid; + border: 0 none; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; - border: 1px solid; + border: 0 none; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(33, 150, 243, 0.16); color: #2196F3; - border: 1px solid; + border: 0 none; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; @@ -1901,17 +1901,17 @@ .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689F38; - border: 1px solid; + border: 0 none; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(104, 159, 56, 0.04); color: #689F38; - border: 1px solid; + border: 0 none; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(104, 159, 56, 0.16); color: #689F38; - border: 1px solid; + border: 0 none; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; @@ -1950,17 +1950,17 @@ .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #FBC02D; - border: 1px solid; + border: 0 none; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(251, 192, 45, 0.04); color: #FBC02D; - border: 1px solid; + border: 0 none; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(251, 192, 45, 0.16); color: #FBC02D; - border: 1px solid; + border: 0 none; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; @@ -1999,17 +1999,17 @@ .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9C27B0; - border: 1px solid; + border: 0 none; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(156, 39, 176, 0.04); color: #9C27B0; - border: 1px solid; + border: 0 none; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(156, 39, 176, 0.16); color: #9C27B0; - border: 1px solid; + border: 0 none; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; @@ -2048,17 +2048,17 @@ .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #D32F2F; - border: 1px solid; + border: 0 none; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(211, 47, 47, 0.04); color: #D32F2F; - border: 1px solid; + border: 0 none; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(211, 47, 47, 0.16); color: #D32F2F; - border: 1px solid; + border: 0 none; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; @@ -5509,6 +5509,15 @@ .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { background-color: rgba(103, 58, 183, 0.16); } +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} .p-button:disabled { background-color: rgba(0, 0, 0, 0.12) !important; color: rgba(0, 0, 0, 0.38) !important; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 514d0bf47..fa1b15331 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -1655,17 +1655,17 @@ .p-button.p-button-outlined { background-color: transparent; color: #3F51B5; - border: 1px solid; + border: 0 none; } .p-button.p-button-outlined:enabled:hover { background: rgba(63, 81, 181, 0.04); color: #3F51B5; - border: 1px solid; + border: 0 none; } .p-button.p-button-outlined:enabled:active { background: rgba(63, 81, 181, 0.16); color: #3F51B5; - border: 1px solid; + border: 0 none; } .p-button.p-button-outlined.p-button-plain { color: rgba(0, 0, 0, 0.6); @@ -1803,17 +1803,17 @@ .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #ff4081; - border: 1px solid; + border: 0 none; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(255, 64, 129, 0.04); color: #ff4081; - border: 1px solid; + border: 0 none; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(255, 64, 129, 0.16); color: #ff4081; - border: 1px solid; + border: 0 none; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; @@ -1852,17 +1852,17 @@ .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #2196F3; - border: 1px solid; + border: 0 none; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; - border: 1px solid; + border: 0 none; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(33, 150, 243, 0.16); color: #2196F3; - border: 1px solid; + border: 0 none; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; @@ -1901,17 +1901,17 @@ .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689F38; - border: 1px solid; + border: 0 none; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(104, 159, 56, 0.04); color: #689F38; - border: 1px solid; + border: 0 none; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(104, 159, 56, 0.16); color: #689F38; - border: 1px solid; + border: 0 none; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; @@ -1950,17 +1950,17 @@ .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #FBC02D; - border: 1px solid; + border: 0 none; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(251, 192, 45, 0.04); color: #FBC02D; - border: 1px solid; + border: 0 none; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(251, 192, 45, 0.16); color: #FBC02D; - border: 1px solid; + border: 0 none; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; @@ -1999,17 +1999,17 @@ .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9C27B0; - border: 1px solid; + border: 0 none; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(156, 39, 176, 0.04); color: #9C27B0; - border: 1px solid; + border: 0 none; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(156, 39, 176, 0.16); color: #9C27B0; - border: 1px solid; + border: 0 none; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; @@ -2048,17 +2048,17 @@ .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #D32F2F; - border: 1px solid; + border: 0 none; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(211, 47, 47, 0.04); color: #D32F2F; - border: 1px solid; + border: 0 none; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(211, 47, 47, 0.16); color: #D32F2F; - border: 1px solid; + border: 0 none; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; @@ -5509,6 +5509,15 @@ .p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { background-color: rgba(63, 81, 181, 0.16); } +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} .p-button:disabled { background-color: rgba(0, 0, 0, 0.12) !important; color: rgba(0, 0, 0, 0.38) !important;