diff --git a/CHANGELOG.md b/CHANGELOG.md index e65e3166740..26965b13148 100755 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,4 +1,9 @@ # Changelog +## [17.14.1](https://github.com/primefaces/primeng/tree/17.14.1) (2024-04-19) +[Full Changelog](https://github.com/primefaces/primeng/compare/17.14.0...17.14.1) +**Fixed bugs:** +- Stepper | Core css is overriden and broken [\#15317](https://github.com/primefaces/primeng/issues/15317) + ## [17.14.0](https://github.com/primefaces/primeng/tree/17.14.0) (2024-04-19) [Full Changelog](https://github.com/primefaces/primeng/compare/17.13.0...17.14.0) diff --git a/package.json b/package.json index cdd8f3a0c7f..9866c562398 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "primeng", - "version": "17.14.0", + "version": "17.14.1", "license": "SEE LICENSE IN LICENSE.md", "scripts": { "ng": "ng", diff --git a/src/app/components/package.json b/src/app/components/package.json index 10c4a29f26a..c84b358ef67 100644 --- a/src/app/components/package.json +++ b/src/app/components/package.json @@ -1,6 +1,6 @@ { "name": "primeng", - "version": "17.14.0", + "version": "17.14.1", "repository": { "type": "git", "url": "https://github.com/primefaces/primeng" diff --git a/src/app/showcase/data/versions.json b/src/app/showcase/data/versions.json index 928627a6ed4..a643e0881f0 100644 --- a/src/app/showcase/data/versions.json +++ b/src/app/showcase/data/versions.json @@ -1,6 +1,6 @@ [ { - "version": "v17.14.0", + "version": "v17.14.1", "name": "v17", "url": "https://primeng.org" }, diff --git a/src/app/showcase/layout/doc/codeeditor/templates.ts b/src/app/showcase/layout/doc/codeeditor/templates.ts index c8cf1bf23e5..048e2c304c7 100644 --- a/src/app/showcase/layout/doc/codeeditor/templates.ts +++ b/src/app/showcase/layout/doc/codeeditor/templates.ts @@ -15,7 +15,7 @@ export interface Props { const app_dependencies = pkg ? pkg.devDependencies : {}; const PrimeNG = { - version: '17.14.0', + version: '17.14.1', description: 'PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.' }; diff --git a/src/assets/components/themes/arya-blue/theme.css b/src/assets/components/themes/arya-blue/theme.css index 8f0f4339bc7..09e77788189 100644 --- a/src/assets/components/themes/arya-blue/theme.css +++ b/src/assets/components/themes/arya-blue/theme.css @@ -3992,6 +3992,150 @@ background: #383838; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1e1e1e; + border-color: #64B5F6; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1e1e1e; + border-color: #64B5F6; + color: #64B5F6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1e1e1e; + color: #64B5F6; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; + } + .p-tabview .p-tabview-panels { + background: #1e1e1e; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid #383838; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4096,86 +4240,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #383838; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #383838; - border-width: 0 0 2px 0; - border-color: transparent transparent #383838 transparent; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1e1e1e; - border-color: #64B5F6; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1e1e1e; - border-color: #64B5F6; - color: #64B5F6; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #1e1e1e; - color: #64B5F6; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; - } - .p-tabview .p-tabview-panels { - background: #1e1e1e; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #1e1e1e; - border: 1px solid #383838; - padding: 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/arya-green/theme.css b/src/assets/components/themes/arya-green/theme.css index c5801dd31dd..1eb57c6a707 100644 --- a/src/assets/components/themes/arya-green/theme.css +++ b/src/assets/components/themes/arya-green/theme.css @@ -3992,6 +3992,150 @@ background: #383838; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1e1e1e; + border-color: #81C784; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1e1e1e; + border-color: #81C784; + color: #81C784; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1e1e1e; + color: #81C784; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; + } + .p-tabview .p-tabview-panels { + background: #1e1e1e; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid #383838; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4096,86 +4240,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #383838; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #383838; - border-width: 0 0 2px 0; - border-color: transparent transparent #383838 transparent; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1e1e1e; - border-color: #81C784; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1e1e1e; - border-color: #81C784; - color: #81C784; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #1e1e1e; - color: #81C784; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; - } - .p-tabview .p-tabview-panels { - background: #1e1e1e; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #1e1e1e; - border: 1px solid #383838; - padding: 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/arya-orange/theme.css b/src/assets/components/themes/arya-orange/theme.css index 2ceb129793a..95891cbfdcb 100644 --- a/src/assets/components/themes/arya-orange/theme.css +++ b/src/assets/components/themes/arya-orange/theme.css @@ -3992,6 +3992,150 @@ background: #383838; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1e1e1e; + border-color: #FFD54F; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1e1e1e; + border-color: #FFD54F; + color: #FFD54F; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1e1e1e; + color: #FFD54F; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; + } + .p-tabview .p-tabview-panels { + background: #1e1e1e; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid #383838; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4096,86 +4240,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #383838; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #383838; - border-width: 0 0 2px 0; - border-color: transparent transparent #383838 transparent; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1e1e1e; - border-color: #FFD54F; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1e1e1e; - border-color: #FFD54F; - color: #FFD54F; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #1e1e1e; - color: #FFD54F; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; - } - .p-tabview .p-tabview-panels { - background: #1e1e1e; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #1e1e1e; - border: 1px solid #383838; - padding: 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/arya-purple/theme.css b/src/assets/components/themes/arya-purple/theme.css index 0fc1fed4489..4a18883af90 100644 --- a/src/assets/components/themes/arya-purple/theme.css +++ b/src/assets/components/themes/arya-purple/theme.css @@ -3992,6 +3992,150 @@ background: #383838; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #383838; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #383838; + border-width: 0 0 2px 0; + border-color: transparent transparent #383838 transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1e1e1e; + border-color: #BA68C8; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1e1e1e; + border-color: #BA68C8; + color: #BA68C8; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1e1e1e; + color: #BA68C8; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; + } + .p-tabview .p-tabview-panels { + background: #1e1e1e; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid #383838; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4096,86 +4240,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #383838; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #383838; - border-width: 0 0 2px 0; - border-color: transparent transparent #383838 transparent; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1e1e1e; - border-color: #BA68C8; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1e1e1e; - border-color: #BA68C8; - color: #BA68C8; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #1e1e1e; - color: #BA68C8; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; - } - .p-tabview .p-tabview-panels { - background: #1e1e1e; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #1e1e1e; - border: 1px solid #383838; - padding: 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/aura-dark-amber/theme.css b/src/assets/components/themes/aura-dark-amber/theme.css index 441815c5af7..9aa6f98496e 100644 --- a/src/assets/components/themes/aura-dark-amber/theme.css +++ b/src/assets/components/themes/aura-dark-amber/theme.css @@ -4058,6 +4058,150 @@ background: #3f3f46; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #fbbf24; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #fbbf24; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4162,86 +4306,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #18181b; - border: 1px solid #3f3f46; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #3f3f46; - border-width: 0 0 1px 0; - border-color: transparent transparent #3f3f46 transparent; - background: #18181b; - color: #a1a1aa; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #ffffff; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #fbbf24; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #18181b; - color: #fbbf24; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #18181b; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #ffffff; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #18181b; - border: 1px solid #3f3f46; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #18181b; color: #ffffff; diff --git a/src/assets/components/themes/aura-dark-blue/theme.css b/src/assets/components/themes/aura-dark-blue/theme.css index ebf3781ac5b..27b7273fcdf 100644 --- a/src/assets/components/themes/aura-dark-blue/theme.css +++ b/src/assets/components/themes/aura-dark-blue/theme.css @@ -4058,6 +4058,150 @@ background: #3f3f46; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #60a5fa; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #60a5fa; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4162,86 +4306,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #18181b; - border: 1px solid #3f3f46; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #3f3f46; - border-width: 0 0 1px 0; - border-color: transparent transparent #3f3f46 transparent; - background: #18181b; - color: #a1a1aa; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #ffffff; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #60a5fa; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #18181b; - color: #60a5fa; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #18181b; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #ffffff; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #18181b; - border: 1px solid #3f3f46; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #18181b; color: #ffffff; diff --git a/src/assets/components/themes/aura-dark-cyan/theme.css b/src/assets/components/themes/aura-dark-cyan/theme.css index 4f06689d3f3..b7a76b35fe0 100644 --- a/src/assets/components/themes/aura-dark-cyan/theme.css +++ b/src/assets/components/themes/aura-dark-cyan/theme.css @@ -4058,6 +4058,150 @@ background: #3f3f46; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #22d3ee; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #22d3ee; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4162,86 +4306,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #18181b; - border: 1px solid #3f3f46; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #3f3f46; - border-width: 0 0 1px 0; - border-color: transparent transparent #3f3f46 transparent; - background: #18181b; - color: #a1a1aa; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #ffffff; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #22d3ee; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #18181b; - color: #22d3ee; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #18181b; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #ffffff; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #18181b; - border: 1px solid #3f3f46; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #18181b; color: #ffffff; diff --git a/src/assets/components/themes/aura-dark-green/theme.css b/src/assets/components/themes/aura-dark-green/theme.css index 30bef306be4..30266583674 100644 --- a/src/assets/components/themes/aura-dark-green/theme.css +++ b/src/assets/components/themes/aura-dark-green/theme.css @@ -4058,6 +4058,150 @@ background: #3f3f46; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #34d399; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #34d399; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4162,86 +4306,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #18181b; - border: 1px solid #3f3f46; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #3f3f46; - border-width: 0 0 1px 0; - border-color: transparent transparent #3f3f46 transparent; - background: #18181b; - color: #a1a1aa; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #ffffff; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #34d399; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #18181b; - color: #34d399; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #18181b; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #ffffff; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #18181b; - border: 1px solid #3f3f46; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #18181b; color: #ffffff; diff --git a/src/assets/components/themes/aura-dark-indigo/theme.css b/src/assets/components/themes/aura-dark-indigo/theme.css index 78a905354be..90c01cd942e 100644 --- a/src/assets/components/themes/aura-dark-indigo/theme.css +++ b/src/assets/components/themes/aura-dark-indigo/theme.css @@ -4058,6 +4058,150 @@ background: #3f3f46; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #818cf8; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #818cf8; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4162,86 +4306,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #18181b; - border: 1px solid #3f3f46; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #3f3f46; - border-width: 0 0 1px 0; - border-color: transparent transparent #3f3f46 transparent; - background: #18181b; - color: #a1a1aa; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #ffffff; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #818cf8; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #18181b; - color: #818cf8; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #18181b; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #ffffff; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #18181b; - border: 1px solid #3f3f46; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #18181b; color: #ffffff; diff --git a/src/assets/components/themes/aura-dark-lime/theme.css b/src/assets/components/themes/aura-dark-lime/theme.css index b2f734a3d2b..6c4330d431e 100644 --- a/src/assets/components/themes/aura-dark-lime/theme.css +++ b/src/assets/components/themes/aura-dark-lime/theme.css @@ -4058,6 +4058,150 @@ background: #3f3f46; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #a3e635; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #a3e635; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4162,86 +4306,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #18181b; - border: 1px solid #3f3f46; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #3f3f46; - border-width: 0 0 1px 0; - border-color: transparent transparent #3f3f46 transparent; - background: #18181b; - color: #a1a1aa; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #ffffff; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #a3e635; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #18181b; - color: #a3e635; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #18181b; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #ffffff; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #18181b; - border: 1px solid #3f3f46; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #18181b; color: #ffffff; diff --git a/src/assets/components/themes/aura-dark-noir/theme.css b/src/assets/components/themes/aura-dark-noir/theme.css index 752776cf64c..e793ec4e12c 100644 --- a/src/assets/components/themes/aura-dark-noir/theme.css +++ b/src/assets/components/themes/aura-dark-noir/theme.css @@ -4058,6 +4058,150 @@ background: #3f3f46; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #fafafa; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #fafafa; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4162,86 +4306,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #18181b; - border: 1px solid #3f3f46; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #3f3f46; - border-width: 0 0 1px 0; - border-color: transparent transparent #3f3f46 transparent; - background: #18181b; - color: #a1a1aa; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #ffffff; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #fafafa; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #18181b; - color: #fafafa; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #18181b; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #ffffff; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #18181b; - border: 1px solid #3f3f46; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #18181b; color: #ffffff; diff --git a/src/assets/components/themes/aura-dark-pink/theme.css b/src/assets/components/themes/aura-dark-pink/theme.css index 2f683c6c146..b3f79a65d59 100644 --- a/src/assets/components/themes/aura-dark-pink/theme.css +++ b/src/assets/components/themes/aura-dark-pink/theme.css @@ -4058,6 +4058,150 @@ background: #3f3f46; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #f472b6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #f472b6; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4162,86 +4306,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #18181b; - border: 1px solid #3f3f46; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #3f3f46; - border-width: 0 0 1px 0; - border-color: transparent transparent #3f3f46 transparent; - background: #18181b; - color: #a1a1aa; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #ffffff; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #f472b6; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #18181b; - color: #f472b6; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #18181b; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #ffffff; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #18181b; - border: 1px solid #3f3f46; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #18181b; color: #ffffff; diff --git a/src/assets/components/themes/aura-dark-purple/theme.css b/src/assets/components/themes/aura-dark-purple/theme.css index eaeb418df35..037a80b4877 100644 --- a/src/assets/components/themes/aura-dark-purple/theme.css +++ b/src/assets/components/themes/aura-dark-purple/theme.css @@ -4058,6 +4058,150 @@ background: #3f3f46; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #a78bfa; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #a78bfa; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4162,86 +4306,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #18181b; - border: 1px solid #3f3f46; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #3f3f46; - border-width: 0 0 1px 0; - border-color: transparent transparent #3f3f46 transparent; - background: #18181b; - color: #a1a1aa; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #ffffff; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #a78bfa; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #18181b; - color: #a78bfa; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #18181b; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #ffffff; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #18181b; - border: 1px solid #3f3f46; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #18181b; color: #ffffff; diff --git a/src/assets/components/themes/aura-dark-teal/theme.css b/src/assets/components/themes/aura-dark-teal/theme.css index d9d81919ca9..dc304639cf9 100644 --- a/src/assets/components/themes/aura-dark-teal/theme.css +++ b/src/assets/components/themes/aura-dark-teal/theme.css @@ -4058,6 +4058,150 @@ background: #3f3f46; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #18181b; + border: 1px solid #3f3f46; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3f3f46; + border-width: 0 0 1px 0; + border-color: transparent transparent #3f3f46 transparent; + background: #18181b; + color: #a1a1aa; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #18181b; + border-color: #3f3f46; + color: #2dd4bf; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #18181b; + color: #2dd4bf; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #18181b; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #ffffff; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #18181b; + border: 1px solid #3f3f46; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4162,86 +4306,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #18181b; - border: 1px solid #3f3f46; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #3f3f46; - border-width: 0 0 1px 0; - border-color: transparent transparent #3f3f46 transparent; - background: #18181b; - color: #a1a1aa; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #ffffff; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #18181b; - border-color: #3f3f46; - color: #2dd4bf; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #18181b; - color: #2dd4bf; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #18181b; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #ffffff; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #18181b; - border: 1px solid #3f3f46; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #18181b; color: #ffffff; diff --git a/src/assets/components/themes/aura-light-amber/theme.css b/src/assets/components/themes/aura-light-amber/theme.css index f17ae9bb1f3..305aecd28cd 100644 --- a/src/assets/components/themes/aura-light-amber/theme.css +++ b/src/assets/components/themes/aura-light-amber/theme.css @@ -4060,6 +4060,150 @@ background: #e2e8f0; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #f59e0b; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #f59e0b; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4164,86 +4308,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e2e8f0; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e2e8f0; - border-width: 0 0 1px 0; - border-color: transparent transparent #e2e8f0 transparent; - background: #ffffff; - color: #64748b; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #334155; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #f59e0b; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #f59e0b; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #334155; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e2e8f0; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #334155; @@ -7315,7 +7379,6 @@ .p-stepper .p-stepper-header .p-stepper-number::after { content: " "; position: absolute; - width: 100%; height: 100%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } diff --git a/src/assets/components/themes/aura-light-blue/theme.css b/src/assets/components/themes/aura-light-blue/theme.css index 33bc73b7797..ff66b5c29cd 100644 --- a/src/assets/components/themes/aura-light-blue/theme.css +++ b/src/assets/components/themes/aura-light-blue/theme.css @@ -4060,6 +4060,150 @@ background: #e2e8f0; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #3B82F6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #3B82F6; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4164,86 +4308,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e2e8f0; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e2e8f0; - border-width: 0 0 1px 0; - border-color: transparent transparent #e2e8f0 transparent; - background: #ffffff; - color: #64748b; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #334155; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #3B82F6; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #3B82F6; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #334155; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e2e8f0; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #334155; @@ -7315,7 +7379,6 @@ .p-stepper .p-stepper-header .p-stepper-number::after { content: " "; position: absolute; - width: 100%; height: 100%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } diff --git a/src/assets/components/themes/aura-light-cyan/theme.css b/src/assets/components/themes/aura-light-cyan/theme.css index 7c01a2a5229..5de64bcc01f 100644 --- a/src/assets/components/themes/aura-light-cyan/theme.css +++ b/src/assets/components/themes/aura-light-cyan/theme.css @@ -4060,6 +4060,150 @@ background: #e2e8f0; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #06b6d4; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #06b6d4; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4164,86 +4308,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e2e8f0; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e2e8f0; - border-width: 0 0 1px 0; - border-color: transparent transparent #e2e8f0 transparent; - background: #ffffff; - color: #64748b; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #334155; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #06b6d4; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #06b6d4; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #334155; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e2e8f0; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #334155; @@ -7315,7 +7379,6 @@ .p-stepper .p-stepper-header .p-stepper-number::after { content: " "; position: absolute; - width: 100%; height: 100%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } diff --git a/src/assets/components/themes/aura-light-green/theme.css b/src/assets/components/themes/aura-light-green/theme.css index 683272febbd..bd137ed62e8 100644 --- a/src/assets/components/themes/aura-light-green/theme.css +++ b/src/assets/components/themes/aura-light-green/theme.css @@ -4060,6 +4060,150 @@ background: #e2e8f0; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #10b981; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #10b981; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4164,86 +4308,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e2e8f0; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e2e8f0; - border-width: 0 0 1px 0; - border-color: transparent transparent #e2e8f0 transparent; - background: #ffffff; - color: #64748b; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #334155; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #10b981; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #10b981; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #334155; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e2e8f0; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #334155; @@ -7315,7 +7379,6 @@ .p-stepper .p-stepper-header .p-stepper-number::after { content: " "; position: absolute; - width: 100%; height: 100%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } diff --git a/src/assets/components/themes/aura-light-indigo/theme.css b/src/assets/components/themes/aura-light-indigo/theme.css index 9e0889d6379..f2bc1a8a25c 100644 --- a/src/assets/components/themes/aura-light-indigo/theme.css +++ b/src/assets/components/themes/aura-light-indigo/theme.css @@ -4060,6 +4060,150 @@ background: #e2e8f0; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #6366F1; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #6366F1; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4164,86 +4308,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e2e8f0; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e2e8f0; - border-width: 0 0 1px 0; - border-color: transparent transparent #e2e8f0 transparent; - background: #ffffff; - color: #64748b; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #334155; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #6366F1; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #6366F1; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #334155; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e2e8f0; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #334155; @@ -7315,7 +7379,6 @@ .p-stepper .p-stepper-header .p-stepper-number::after { content: " "; position: absolute; - width: 100%; height: 100%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } diff --git a/src/assets/components/themes/aura-light-lime/theme.css b/src/assets/components/themes/aura-light-lime/theme.css index bff3e21d6de..f92aeeb8662 100644 --- a/src/assets/components/themes/aura-light-lime/theme.css +++ b/src/assets/components/themes/aura-light-lime/theme.css @@ -4060,6 +4060,150 @@ background: #e2e8f0; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #84cc16; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #84cc16; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4164,86 +4308,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e2e8f0; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e2e8f0; - border-width: 0 0 1px 0; - border-color: transparent transparent #e2e8f0 transparent; - background: #ffffff; - color: #64748b; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #334155; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #84cc16; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #84cc16; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #334155; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e2e8f0; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #334155; @@ -7315,7 +7379,6 @@ .p-stepper .p-stepper-header .p-stepper-number::after { content: " "; position: absolute; - width: 100%; height: 100%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } diff --git a/src/assets/components/themes/aura-light-noir/theme.css b/src/assets/components/themes/aura-light-noir/theme.css index 783dc6f7eaf..74ee3d9c609 100644 --- a/src/assets/components/themes/aura-light-noir/theme.css +++ b/src/assets/components/themes/aura-light-noir/theme.css @@ -4068,6 +4068,150 @@ background: #e2e8f0; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #020617; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #020617; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4172,86 +4316,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e2e8f0; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e2e8f0; - border-width: 0 0 1px 0; - border-color: transparent transparent #e2e8f0 transparent; - background: #ffffff; - color: #64748b; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #334155; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #020617; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #020617; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #334155; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e2e8f0; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #334155; @@ -7323,7 +7387,6 @@ .p-stepper .p-stepper-header .p-stepper-number::after { content: " "; position: absolute; - width: 100%; height: 100%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } diff --git a/src/assets/components/themes/aura-light-pink/theme.css b/src/assets/components/themes/aura-light-pink/theme.css index 9b38d4f35e7..add2c61c1d7 100644 --- a/src/assets/components/themes/aura-light-pink/theme.css +++ b/src/assets/components/themes/aura-light-pink/theme.css @@ -4060,6 +4060,150 @@ background: #e2e8f0; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #ec4899; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #ec4899; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4164,86 +4308,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e2e8f0; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e2e8f0; - border-width: 0 0 1px 0; - border-color: transparent transparent #e2e8f0 transparent; - background: #ffffff; - color: #64748b; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #334155; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #ec4899; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #ec4899; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #334155; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e2e8f0; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #334155; @@ -7315,7 +7379,6 @@ .p-stepper .p-stepper-header .p-stepper-number::after { content: " "; position: absolute; - width: 100%; height: 100%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } diff --git a/src/assets/components/themes/aura-light-purple/theme.css b/src/assets/components/themes/aura-light-purple/theme.css index b1f0185b049..8b5028ac74b 100644 --- a/src/assets/components/themes/aura-light-purple/theme.css +++ b/src/assets/components/themes/aura-light-purple/theme.css @@ -4060,6 +4060,150 @@ background: #e2e8f0; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #8B5CF6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #8B5CF6; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4164,86 +4308,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e2e8f0; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e2e8f0; - border-width: 0 0 1px 0; - border-color: transparent transparent #e2e8f0 transparent; - background: #ffffff; - color: #64748b; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #334155; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #8B5CF6; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #8B5CF6; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #334155; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e2e8f0; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #334155; @@ -7315,7 +7379,6 @@ .p-stepper .p-stepper-header .p-stepper-number::after { content: " "; position: absolute; - width: 100%; height: 100%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } diff --git a/src/assets/components/themes/aura-light-teal/theme.css b/src/assets/components/themes/aura-light-teal/theme.css index 31c8a78c807..afc0e5e5483 100644 --- a/src/assets/components/themes/aura-light-teal/theme.css +++ b/src/assets/components/themes/aura-light-teal/theme.css @@ -4060,6 +4060,150 @@ background: #e2e8f0; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.5rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e2e8f0; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e2e8f0; + border-width: 0 0 1px 0; + border-color: transparent transparent #e2e8f0 transparent; + background: #ffffff; + color: #64748b; + padding: 1rem 1.125rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #334155; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #e2e8f0; + color: #14b8a6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #14b8a6; + width: 2.5rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.875rem 1.125rem 1.125rem 1.125rem; + border: 0 none; + color: #334155; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 1.125rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 1px solid var(--p-focus-ring-color); + outline-offset: 2px; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4164,86 +4308,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.5rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e2e8f0; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e2e8f0; - border-width: 0 0 1px 0; - border-color: transparent transparent #e2e8f0 transparent; - background: #ffffff; - color: #64748b; - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #334155; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #e2e8f0; - color: #14b8a6; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #14b8a6; - width: 2.5rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.875rem 1.125rem 1.125rem 1.125rem; - border: 0 none; - color: #334155; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e2e8f0; - padding: 1.125rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #334155; @@ -7315,7 +7379,6 @@ .p-stepper .p-stepper-header .p-stepper-number::after { content: " "; position: absolute; - width: 100%; height: 100%; box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); } diff --git a/src/assets/components/themes/bootstrap4-dark-blue/theme.css b/src/assets/components/themes/bootstrap4-dark-blue/theme.css index 9d869843853..18833e65c46 100644 --- a/src/assets/components/themes/bootstrap4-dark-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-blue/theme.css @@ -4004,6 +4004,150 @@ background: #3f4b5b; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #3f4b5b; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid; + border-width: 1px; + border-color: #2a323d #2a323d #3f4b5b #2a323d; + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #e3f3fe; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #2a323d; + border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; + color: rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #e3f3fe; + } + .p-tabview .p-tabview-panels { + background: #2a323d; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #2a323d; + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + border-radius: 4px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4108,86 +4252,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #3f4b5b; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid; - border-width: 1px; - border-color: #2a323d #2a323d #3f4b5b #2a323d; - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - padding: 0.75rem 1rem; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: box-shadow 0.15s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #e3f3fe; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #2a323d; - border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; - color: rgba(255, 255, 255, 0.6); - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #e3f3fe; - } - .p-tabview .p-tabview-panels { - background: #2a323d; - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - - .p-toolbar { - background: #2a323d; - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - border-radius: 4px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #2a323d; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/bootstrap4-dark-purple/theme.css b/src/assets/components/themes/bootstrap4-dark-purple/theme.css index d24e4e55431..32b2023b588 100644 --- a/src/assets/components/themes/bootstrap4-dark-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-purple/theme.css @@ -4004,6 +4004,150 @@ background: #3f4b5b; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #3f4b5b; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid; + border-width: 1px; + border-color: #2a323d #2a323d #3f4b5b #2a323d; + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #f0e6f5; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #2a323d; + border-color: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #2a323d; + border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; + color: rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #2a323d; + color: rgba(255, 255, 255, 0.6); + width: 2.357rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #f0e6f5; + } + .p-tabview .p-tabview-panels { + background: #2a323d; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #2a323d; + border: 1px solid #3f4b5b; + padding: 1rem 1.25rem; + border-radius: 4px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4108,86 +4252,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #3f4b5b; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid; - border-width: 1px; - border-color: #2a323d #2a323d #3f4b5b #2a323d; - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - padding: 0.75rem 1rem; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: box-shadow 0.15s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #f0e6f5; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #2a323d; - border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b; - color: rgba(255, 255, 255, 0.6); - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #2a323d; - color: rgba(255, 255, 255, 0.6); - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #f0e6f5; - } - .p-tabview .p-tabview-panels { - background: #2a323d; - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - - .p-toolbar { - background: #2a323d; - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - border-radius: 4px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #2a323d; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/bootstrap4-light-blue/theme.css b/src/assets/components/themes/bootstrap4-light-blue/theme.css index 007fb74232e..58c620ef6f6 100644 --- a/src/assets/components/themes/bootstrap4-light-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-light-blue/theme.css @@ -4004,6 +4004,150 @@ background: #dee2e6; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid; + border-width: 1px; + border-color: #ffffff #ffffff #dee2e6 #ffffff; + background: #ffffff; + color: #6c757d; + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #dee2e6; + color: #6c757d; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; + color: #495057; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #495057; + width: 2.357rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #efefef; + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + border-radius: 4px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4108,86 +4252,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid; - border-width: 1px; - border-color: #ffffff #ffffff #dee2e6 #ffffff; - background: #ffffff; - color: #6c757d; - padding: 0.75rem 1rem; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: box-shadow 0.15s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #dee2e6; - color: #6c757d; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; - color: #495057; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #495057; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #212529; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - - .p-toolbar { - background: #efefef; - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - border-radius: 4px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #212529; diff --git a/src/assets/components/themes/bootstrap4-light-purple/theme.css b/src/assets/components/themes/bootstrap4-light-purple/theme.css index 7549b3ef3bd..5128f82075e 100644 --- a/src/assets/components/themes/bootstrap4-light-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-light-purple/theme.css @@ -4004,6 +4004,150 @@ background: #dee2e6; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #dee2e6; + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid; + border-width: 1px; + border-color: #ffffff #ffffff #dee2e6 #ffffff; + background: #ffffff; + color: #6c757d; + padding: 0.75rem 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: box-shadow 0.15s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #dee2e6; + color: #6c757d; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; + color: #495057; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #495057; + width: 2.357rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #efefef; + border: 1px solid #dee2e6; + padding: 1rem 1.25rem; + border-radius: 4px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4108,86 +4252,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #dee2e6; - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid; - border-width: 1px; - border-color: #ffffff #ffffff #dee2e6 #ffffff; - background: #ffffff; - color: #6c757d; - padding: 0.75rem 1rem; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: box-shadow 0.15s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #dee2e6; - color: #6c757d; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #dee2e6 #dee2e6 #ffffff #dee2e6; - color: #495057; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #495057; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #212529; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - - .p-toolbar { - background: #efefef; - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - border-radius: 4px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #212529; diff --git a/src/assets/components/themes/fluent-light/theme.css b/src/assets/components/themes/fluent-light/theme.css index 134f13953f4..b30e6ccaaf0 100644 --- a/src/assets/components/themes/fluent-light/theme.css +++ b/src/assets/components/themes/fluent-light/theme.css @@ -3968,6 +3968,150 @@ background: #edebe9; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 0 none; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #a19f9d; + border-width: 0 0 2px 0; + border-color: transparent transparent transparent transparent; + background: #ffffff; + color: #605e5c; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + transition: box-shadow 0.2s; + margin: 0 0.5rem -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset inset 0 0 0 1px #605e5c; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #f3f2f1; + border-color: transparent; + color: #605e5c; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #0078d4; + color: #323130; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #323130; + width: 2.357rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset inset 0 0 0 1px #605e5c; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #323130; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } + + .p-toolbar { + background: #faf9f8; + border: 1px solid #a19f9d; + padding: 1rem; + border-radius: 2px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4066,86 +4210,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 0 none; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #a19f9d; - border-width: 0 0 2px 0; - border-color: transparent transparent transparent transparent; - background: #ffffff; - color: #605e5c; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 2px; - border-top-left-radius: 2px; - transition: box-shadow 0.2s; - margin: 0 0.5rem -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset inset 0 0 0 1px #605e5c; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #f3f2f1; - border-color: transparent; - color: #605e5c; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #0078d4; - color: #323130; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #323130; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset inset 0 0 0 1px #605e5c; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: #323130; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; - } - - .p-toolbar { - background: #faf9f8; - border: 1px solid #a19f9d; - padding: 1rem; - border-radius: 2px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #323130; diff --git a/src/assets/components/themes/lara-dark-blue/theme.css b/src/assets/components/themes/lara-dark-blue/theme.css index 11a396c42a4..9d7a128356d 100644 --- a/src/assets/components/themes/lara-dark-blue/theme.css +++ b/src/assets/components/themes/lara-dark-blue/theme.css @@ -4034,6 +4034,150 @@ background: #424b57; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #60a5fa; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #60a5fa; + color: #60a5fa; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1f2937; + color: #60a5fa; + width: 3rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4138,86 +4282,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #424b57; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2937; - border-color: #60a5fa; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2937; - border-color: #60a5fa; - color: #60a5fa; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #1f2937; - color: #60a5fa; - width: 3rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - } - .p-tabview .p-tabview-panels { - background: #1f2937; - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #1f2937; - border: 1px solid #424b57; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #1f2937; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/lara-dark-indigo/theme.css b/src/assets/components/themes/lara-dark-indigo/theme.css index 34db505ba09..53e3842d446 100644 --- a/src/assets/components/themes/lara-dark-indigo/theme.css +++ b/src/assets/components/themes/lara-dark-indigo/theme.css @@ -4034,6 +4034,150 @@ background: #424b57; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #818cf8; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #818cf8; + color: #818cf8; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1f2937; + color: #818cf8; + width: 3rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4138,86 +4282,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #424b57; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2937; - border-color: #818cf8; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2937; - border-color: #818cf8; - color: #818cf8; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #1f2937; - color: #818cf8; - width: 3rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - } - .p-tabview .p-tabview-panels { - background: #1f2937; - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #1f2937; - border: 1px solid #424b57; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #1f2937; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/lara-dark-purple/theme.css b/src/assets/components/themes/lara-dark-purple/theme.css index 3b9f85785e1..681c66ab3be 100644 --- a/src/assets/components/themes/lara-dark-purple/theme.css +++ b/src/assets/components/themes/lara-dark-purple/theme.css @@ -4034,6 +4034,150 @@ background: #424b57; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #a78bfa; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #a78bfa; + color: #a78bfa; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1f2937; + color: #a78bfa; + width: 3rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4138,86 +4282,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #424b57; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2937; - border-color: #a78bfa; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2937; - border-color: #a78bfa; - color: #a78bfa; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #1f2937; - color: #a78bfa; - width: 3rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - } - .p-tabview .p-tabview-panels { - background: #1f2937; - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #1f2937; - border: 1px solid #424b57; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #1f2937; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/lara-dark-teal/theme.css b/src/assets/components/themes/lara-dark-teal/theme.css index 294c75fe068..67bc533cbd8 100644 --- a/src/assets/components/themes/lara-dark-teal/theme.css +++ b/src/assets/components/themes/lara-dark-teal/theme.css @@ -4034,6 +4034,150 @@ background: #424b57; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #2dd4bf; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #2dd4bf; + color: #2dd4bf; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1f2937; + color: #2dd4bf; + width: 3rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4138,86 +4282,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #424b57; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #424b57; - border-width: 0 0 2px 0; - border-color: transparent transparent #424b57 transparent; - background: #1f2937; - color: rgba(255, 255, 255, 0.6); - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2937; - border-color: #2dd4bf; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2937; - border-color: #2dd4bf; - color: #2dd4bf; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #1f2937; - color: #2dd4bf; - width: 3rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); - } - .p-tabview .p-tabview-panels { - background: #1f2937; - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #1f2937; - border: 1px solid #424b57; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #1f2937; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/lara-light-blue/theme.css b/src/assets/components/themes/lara-light-blue/theme.css index ea442b58921..ca096c4216a 100644 --- a/src/assets/components/themes/lara-light-blue/theme.css +++ b/src/assets/components/themes/lara-light-blue/theme.css @@ -3985,6 +3985,150 @@ background: #e5e7eb; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #BFDBFE; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #3B82F6; + color: #3B82F6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #3B82F6; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #BFDBFE; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4089,86 +4233,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e5e7eb; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #6b7280; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #BFDBFE; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #9ca3af; - color: #6b7280; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #3B82F6; - color: #3B82F6; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #3B82F6; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #BFDBFE; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #f9fafb; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #4b5563; diff --git a/src/assets/components/themes/lara-light-indigo/theme.css b/src/assets/components/themes/lara-light-indigo/theme.css index 4615008c44c..72f3b291d40 100644 --- a/src/assets/components/themes/lara-light-indigo/theme.css +++ b/src/assets/components/themes/lara-light-indigo/theme.css @@ -3985,6 +3985,150 @@ background: #e5e7eb; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #C7D2FE; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #6366F1; + color: #6366F1; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #6366F1; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #C7D2FE; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4089,86 +4233,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e5e7eb; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #6b7280; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C7D2FE; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #9ca3af; - color: #6b7280; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #6366F1; - color: #6366F1; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #6366F1; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C7D2FE; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #f9fafb; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #4b5563; diff --git a/src/assets/components/themes/lara-light-purple/theme.css b/src/assets/components/themes/lara-light-purple/theme.css index 1c76ad63b55..4c23ca21afe 100644 --- a/src/assets/components/themes/lara-light-purple/theme.css +++ b/src/assets/components/themes/lara-light-purple/theme.css @@ -3985,6 +3985,150 @@ background: #e5e7eb; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #DDD6FE; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #8B5CF6; + color: #8B5CF6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #8B5CF6; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #DDD6FE; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4089,86 +4233,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e5e7eb; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #6b7280; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #DDD6FE; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #9ca3af; - color: #6b7280; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #8B5CF6; - color: #8B5CF6; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #8B5CF6; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #DDD6FE; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #f9fafb; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #4b5563; diff --git a/src/assets/components/themes/lara-light-teal/theme.css b/src/assets/components/themes/lara-light-teal/theme.css index 80b06e2f759..dca0ed820fc 100644 --- a/src/assets/components/themes/lara-light-teal/theme.css +++ b/src/assets/components/themes/lara-light-teal/theme.css @@ -3985,6 +3985,150 @@ background: #e5e7eb; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #99f6e4; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #14b8a6; + color: #14b8a6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #14b8a6; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #99f6e4; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4089,86 +4233,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e5e7eb; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #6b7280; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99f6e4; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #9ca3af; - color: #6b7280; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #14b8a6; - color: #14b8a6; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #14b8a6; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99f6e4; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #f9fafb; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #4b5563; diff --git a/src/assets/components/themes/luna-amber/theme.css b/src/assets/components/themes/luna-amber/theme.css index 2666f53a2a9..7fcaf413024 100644 --- a/src/assets/components/themes/luna-amber/theme.css +++ b/src/assets/components/themes/luna-amber/theme.css @@ -3980,6 +3980,150 @@ background: #4b4b4b; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 0 none; + border-width: 1px; + } + .p-tabview .p-tabview-nav li { + margin-right: 2px; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: 1px solid #191919; + border-width: 1px; + border-color: #191919; + background: #191919; + color: #dedede; + padding: 0.857rem 1rem; + font-weight: 700; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.1rem white; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #191919; + border-color: #191919; + color: #FFE082; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #FFE082; + border-color: #FFE082; + color: #212529; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #FFE082; + color: #212529; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.1rem white; + } + .p-tabview .p-tabview-panels { + background: #323232; + padding: 0.571rem 1rem; + border: 1px solid #191919; + color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #191919; + border: 1px solid #191919; + padding: 0.857rem 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4084,86 +4228,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 0 none; - border-width: 1px; - } - .p-tabview .p-tabview-nav li { - margin-right: 2px; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: 1px solid #191919; - border-width: 1px; - border-color: #191919; - background: #191919; - color: #dedede; - padding: 0.857rem 1rem; - font-weight: 700; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.1rem white; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #191919; - border-color: #191919; - color: #FFE082; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #FFE082; - border-color: #FFE082; - color: #212529; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #FFE082; - color: #212529; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.1rem white; - } - .p-tabview .p-tabview-panels { - background: #323232; - padding: 0.571rem 1rem; - border: 1px solid #191919; - color: #dedede; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #191919; - border: 1px solid #191919; - padding: 0.857rem 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #323232; color: #dedede; diff --git a/src/assets/components/themes/luna-blue/theme.css b/src/assets/components/themes/luna-blue/theme.css index 0a60547d611..dedf302c42c 100644 --- a/src/assets/components/themes/luna-blue/theme.css +++ b/src/assets/components/themes/luna-blue/theme.css @@ -3980,6 +3980,150 @@ background: #4b4b4b; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 0 none; + border-width: 1px; + } + .p-tabview .p-tabview-nav li { + margin-right: 2px; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: 1px solid #191919; + border-width: 1px; + border-color: #191919; + background: #191919; + color: #dedede; + padding: 0.857rem 1rem; + font-weight: 700; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.1rem white; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #191919; + border-color: #191919; + color: #81D4FA; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #81D4FA; + border-color: #81D4FA; + color: #212529; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #81D4FA; + color: #212529; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.1rem white; + } + .p-tabview .p-tabview-panels { + background: #323232; + padding: 0.571rem 1rem; + border: 1px solid #191919; + color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #191919; + border: 1px solid #191919; + padding: 0.857rem 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4084,86 +4228,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 0 none; - border-width: 1px; - } - .p-tabview .p-tabview-nav li { - margin-right: 2px; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: 1px solid #191919; - border-width: 1px; - border-color: #191919; - background: #191919; - color: #dedede; - padding: 0.857rem 1rem; - font-weight: 700; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.1rem white; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #191919; - border-color: #191919; - color: #81D4FA; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #81D4FA; - border-color: #81D4FA; - color: #212529; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #81D4FA; - color: #212529; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.1rem white; - } - .p-tabview .p-tabview-panels { - background: #323232; - padding: 0.571rem 1rem; - border: 1px solid #191919; - color: #dedede; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #191919; - border: 1px solid #191919; - padding: 0.857rem 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #323232; color: #dedede; diff --git a/src/assets/components/themes/luna-green/theme.css b/src/assets/components/themes/luna-green/theme.css index 2e7b9fd631b..5f104d0035f 100644 --- a/src/assets/components/themes/luna-green/theme.css +++ b/src/assets/components/themes/luna-green/theme.css @@ -3980,6 +3980,150 @@ background: #4b4b4b; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 0 none; + border-width: 1px; + } + .p-tabview .p-tabview-nav li { + margin-right: 2px; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: 1px solid #191919; + border-width: 1px; + border-color: #191919; + background: #191919; + color: #dedede; + padding: 0.857rem 1rem; + font-weight: 700; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.1rem white; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #191919; + border-color: #191919; + color: #C5E1A5; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #C5E1A5; + border-color: #C5E1A5; + color: #212529; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #C5E1A5; + color: #212529; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.1rem white; + } + .p-tabview .p-tabview-panels { + background: #323232; + padding: 0.571rem 1rem; + border: 1px solid #191919; + color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #191919; + border: 1px solid #191919; + padding: 0.857rem 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4084,86 +4228,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 0 none; - border-width: 1px; - } - .p-tabview .p-tabview-nav li { - margin-right: 2px; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: 1px solid #191919; - border-width: 1px; - border-color: #191919; - background: #191919; - color: #dedede; - padding: 0.857rem 1rem; - font-weight: 700; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.1rem white; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #191919; - border-color: #191919; - color: #C5E1A5; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #C5E1A5; - border-color: #C5E1A5; - color: #212529; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #C5E1A5; - color: #212529; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.1rem white; - } - .p-tabview .p-tabview-panels { - background: #323232; - padding: 0.571rem 1rem; - border: 1px solid #191919; - color: #dedede; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #191919; - border: 1px solid #191919; - padding: 0.857rem 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #323232; color: #dedede; diff --git a/src/assets/components/themes/luna-pink/theme.css b/src/assets/components/themes/luna-pink/theme.css index 8aedc2e94ce..c4da1d33b73 100644 --- a/src/assets/components/themes/luna-pink/theme.css +++ b/src/assets/components/themes/luna-pink/theme.css @@ -3980,6 +3980,150 @@ background: #4b4b4b; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 0 none; + border-width: 1px; + } + .p-tabview .p-tabview-nav li { + margin-right: 2px; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: 1px solid #191919; + border-width: 1px; + border-color: #191919; + background: #191919; + color: #dedede; + padding: 0.857rem 1rem; + font-weight: 700; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.1rem white; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #191919; + border-color: #191919; + color: #F48FB1; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #F48FB1; + border-color: #F48FB1; + color: #212529; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #F48FB1; + color: #212529; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.1rem white; + } + .p-tabview .p-tabview-panels { + background: #323232; + padding: 0.571rem 1rem; + border: 1px solid #191919; + color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #191919; + border: 1px solid #191919; + padding: 0.857rem 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4084,86 +4228,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 0 none; - border-width: 1px; - } - .p-tabview .p-tabview-nav li { - margin-right: 2px; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: 1px solid #191919; - border-width: 1px; - border-color: #191919; - background: #191919; - color: #dedede; - padding: 0.857rem 1rem; - font-weight: 700; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.1rem white; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #191919; - border-color: #191919; - color: #F48FB1; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #F48FB1; - border-color: #F48FB1; - color: #212529; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #F48FB1; - color: #212529; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.1rem white; - } - .p-tabview .p-tabview-panels { - background: #323232; - padding: 0.571rem 1rem; - border: 1px solid #191919; - color: #dedede; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #191919; - border: 1px solid #191919; - padding: 0.857rem 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #323232; color: #dedede; diff --git a/src/assets/components/themes/md-dark-deeppurple/theme.css b/src/assets/components/themes/md-dark-deeppurple/theme.css index 8dffa11251c..2d11b5760f9 100644 --- a/src/assets/components/themes/md-dark-deeppurple/theme.css +++ b/src/assets/components/themes/md-dark-deeppurple/theme.css @@ -4064,6 +4064,150 @@ background: rgba(255, 255, 255, 0.12); } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(206, 147, 216, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #CE93D8; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: transparent; + color: #CE93D8; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: transparent; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + border-radius: 4px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4168,86 +4312,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; - background: transparent; - color: rgba(255, 255, 255, 0.6); - padding: 1rem 1.5rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(206, 147, 216, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.6); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: transparent; - border-color: rgba(255, 255, 255, 0.12); - color: #CE93D8; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: transparent; - color: #CE93D8; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: transparent; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - - .p-toolbar { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; - border-radius: 4px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #262626; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/md-dark-indigo/theme.css b/src/assets/components/themes/md-dark-indigo/theme.css index ea119a5625b..ccad0b135af 100644 --- a/src/assets/components/themes/md-dark-indigo/theme.css +++ b/src/assets/components/themes/md-dark-indigo/theme.css @@ -4064,6 +4064,150 @@ background: rgba(255, 255, 255, 0.12); } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(159, 168, 218, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #9FA8DA; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: transparent; + color: #9FA8DA; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: transparent; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 1rem; + border-radius: 4px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4168,86 +4312,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; - background: transparent; - color: rgba(255, 255, 255, 0.6); - padding: 1rem 1.5rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(159, 168, 218, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.6); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: transparent; - border-color: rgba(255, 255, 255, 0.12); - color: #9FA8DA; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: transparent; - color: #9FA8DA; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: transparent; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - - .p-toolbar { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 1rem; - border-radius: 4px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #262626; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/md-light-deeppurple/theme.css b/src/assets/components/themes/md-light-deeppurple/theme.css index 6ff4f64f8e7..446c5478976 100644 --- a/src/assets/components/themes/md-light-deeppurple/theme.css +++ b/src/assets/components/themes/md-light-deeppurple/theme.css @@ -4064,6 +4064,150 @@ background: rgba(0, 0, 0, 0.12); } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(103, 58, 183, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #673AB7; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #673AB7; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 1rem; + border-radius: 4px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4168,86 +4312,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - padding: 1rem 1.5rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(103, 58, 183, 0.04); - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.6); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: rgba(0, 0, 0, 0.12); - color: #673AB7; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #673AB7; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e0e0e0; - padding: 1rem; - border-radius: 4px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: rgba(0, 0, 0, 0.87); diff --git a/src/assets/components/themes/md-light-indigo/theme.css b/src/assets/components/themes/md-light-indigo/theme.css index 9618db79326..374cbe6b006 100644 --- a/src/assets/components/themes/md-light-indigo/theme.css +++ b/src/assets/components/themes/md-light-indigo/theme.css @@ -4064,6 +4064,150 @@ background: rgba(0, 0, 0, 0.12); } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 1rem 1.5rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(63, 81, 181, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #3F51B5; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #3F51B5; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 1rem; + border-radius: 4px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4168,86 +4312,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - padding: 1rem 1.5rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(63, 81, 181, 0.04); - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.6); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: rgba(0, 0, 0, 0.12); - color: #3F51B5; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #3F51B5; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e0e0e0; - padding: 1rem; - border-radius: 4px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: rgba(0, 0, 0, 0.87); diff --git a/src/assets/components/themes/mdc-dark-deeppurple/theme.css b/src/assets/components/themes/mdc-dark-deeppurple/theme.css index 0702b8893f7..89a30c565bb 100644 --- a/src/assets/components/themes/mdc-dark-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-dark-deeppurple/theme.css @@ -4064,6 +4064,150 @@ background: rgba(255, 255, 255, 0.12); } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.75rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(206, 147, 216, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #CE93D8; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: transparent; + color: #CE93D8; + width: 2.75rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: transparent; + padding: 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-radius: 4px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4168,86 +4312,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.75rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; - background: transparent; - color: rgba(255, 255, 255, 0.6); - padding: 0.75rem 1.25rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(206, 147, 216, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.6); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: transparent; - border-color: rgba(255, 255, 255, 0.12); - color: #CE93D8; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: transparent; - color: #CE93D8; - width: 2.75rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: transparent; - padding: 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - - .p-toolbar { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; - border-radius: 4px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #262626; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/mdc-dark-indigo/theme.css b/src/assets/components/themes/mdc-dark-indigo/theme.css index 6a18d777f2d..529be807857 100644 --- a/src/assets/components/themes/mdc-dark-indigo/theme.css +++ b/src/assets/components/themes/mdc-dark-indigo/theme.css @@ -4064,6 +4064,150 @@ background: rgba(255, 255, 255, 0.12); } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.75rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(159, 168, 218, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: rgba(255, 255, 255, 0.12); + color: #9FA8DA; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: transparent; + color: #9FA8DA; + width: 2.75rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: transparent; + padding: 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-radius: 4px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4168,86 +4312,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.75rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent; - background: transparent; - color: rgba(255, 255, 255, 0.6); - padding: 0.75rem 1.25rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(159, 168, 218, 0.04); - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.6); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: transparent; - border-color: rgba(255, 255, 255, 0.12); - color: #9FA8DA; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: transparent; - color: #9FA8DA; - width: 2.75rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: transparent; - padding: 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - - .p-toolbar { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0.75rem; - border-radius: 4px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #262626; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/mdc-light-deeppurple/theme.css b/src/assets/components/themes/mdc-light-deeppurple/theme.css index bdeb67eef61..ea5736e6b00 100644 --- a/src/assets/components/themes/mdc-light-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-light-deeppurple/theme.css @@ -4064,6 +4064,150 @@ background: rgba(0, 0, 0, 0.12); } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.75rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(103, 58, 183, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #673AB7; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #673AB7; + width: 2.75rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-radius: 4px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4168,86 +4312,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.75rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - padding: 0.75rem 1.25rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(103, 58, 183, 0.04); - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.6); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: rgba(0, 0, 0, 0.12); - color: #673AB7; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #673AB7; - width: 2.75rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e0e0e0; - padding: 0.75rem; - border-radius: 4px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: rgba(0, 0, 0, 0.87); diff --git a/src/assets/components/themes/mdc-light-indigo/theme.css b/src/assets/components/themes/mdc-light-indigo/theme.css index 3d553ceae22..8f2301146b0 100644 --- a/src/assets/components/themes/mdc-light-indigo/theme.css +++ b/src/assets/components/themes/mdc-light-indigo/theme.css @@ -4064,6 +4064,150 @@ background: rgba(0, 0, 0, 0.12); } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.75rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; + border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(63, 81, 181, 0.04); + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.6); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.12); + color: #3F51B5; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #3F51B5; + width: 2.75rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-radius: 4px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4168,86 +4312,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.75rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent; - background: #ffffff; - color: rgba(0, 0, 0, 0.6); - padding: 0.75rem 1.25rem; - font-weight: 500; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 0 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: rgba(63, 81, 181, 0.04); - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.6); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: rgba(0, 0, 0, 0.12); - color: #3F51B5; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #3F51B5; - width: 2.75rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset none; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e0e0e0; - padding: 0.75rem; - border-radius: 4px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: rgba(0, 0, 0, 0.87); diff --git a/src/assets/components/themes/mira/theme.css b/src/assets/components/themes/mira/theme.css index fff1cf7e46b..9291d53a2f2 100644 --- a/src/assets/components/themes/mira/theme.css +++ b/src/assets/components/themes/mira/theme.css @@ -4018,6 +4018,150 @@ background: #c2c7d1; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 2px solid #e5e9f0; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e5e9f0; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e9f0 transparent; + background: #ffffff; + color: #4c566a; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #81a1c1; + color: #4c566a; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #5e81ac; + color: #4c566a; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #4c566a; + width: 2.357rem; + box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 12px 10px 0 rgba(0, 0, 0, 0.06); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #4c566a; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .p-toolbar { + background: #ffffff; + border: 1px solid #e5e9f0; + padding: 1rem; + border-radius: 4px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c0d0e0; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4122,86 +4266,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 2px solid #e5e9f0; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e5e9f0; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e9f0 transparent; - background: #ffffff; - color: #4c566a; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - transition: none; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #c0d0e0; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #81a1c1; - color: #4c566a; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #5e81ac; - color: #4c566a; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #4c566a; - width: 2.357rem; - box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 12px 10px 0 rgba(0, 0, 0, 0.06); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #c0d0e0; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: #4c566a; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - - .p-toolbar { - background: #ffffff; - border: 1px solid #e5e9f0; - padding: 1rem; - border-radius: 4px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #4c566a; diff --git a/src/assets/components/themes/nano/theme.css b/src/assets/components/themes/nano/theme.css index 9825120e60c..e4303d8c7ed 100644 --- a/src/assets/components/themes/nano/theme.css +++ b/src/assets/components/themes/nano/theme.css @@ -3992,6 +3992,150 @@ background: #dee2e6; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #697077; + padding: 0.75rem; + font-weight: 600; + border-top-right-radius: 1px; + border-top-left-radius: 1px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #90c9f5; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #697077; + color: #697077; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #1174c0; + color: #1174c0; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #1174c0; + width: 2.357rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #90c9f5; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.5rem; + border: 0 none; + color: #343a3f; + border-bottom-right-radius: 1px; + border-bottom-left-radius: 1px; + } + + .p-toolbar { + background: #f2f4f8; + border: 1px solid #dee2e6; + padding: 0.75rem; + border-radius: 1px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #90c9f5; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4096,86 +4240,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #697077; - padding: 0.75rem; - font-weight: 600; - border-top-right-radius: 1px; - border-top-left-radius: 1px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #90c9f5; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #697077; - color: #697077; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #1174c0; - color: #1174c0; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #1174c0; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #90c9f5; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.5rem; - border: 0 none; - color: #343a3f; - border-bottom-right-radius: 1px; - border-bottom-left-radius: 1px; - } - - .p-toolbar { - background: #f2f4f8; - border: 1px solid #dee2e6; - padding: 0.75rem; - border-radius: 1px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #343a3f; diff --git a/src/assets/components/themes/nova-accent/theme.css b/src/assets/components/themes/nova-accent/theme.css index 4e02978efe3..3b616400594 100644 --- a/src/assets/components/themes/nova-accent/theme.css +++ b/src/assets/components/themes/nova-accent/theme.css @@ -3968,6 +3968,150 @@ background: #d8dae2; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 0 none; + border-width: 1px; + } + .p-tabview .p-tabview-nav li { + margin-right: 2px; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: 1px solid #007ad9; + border-width: 1px; + border-color: #007ad9; + background: #007ad9; + color: #ffffff; + padding: 0.857rem 1rem; + font-weight: 700; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #8dcdff; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #dbdbdb; + border-color: #dbdbdb; + color: #333333; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #007ad9; + border-color: #007ad9; + color: #ffffff; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #007ad9; + color: #ffffff; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #8dcdff; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.571rem 1rem; + border: 1px solid #c8c8c8; + color: #333333; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #007ad9; + border: 1px solid #007ad9; + padding: 0.857rem 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4072,86 +4216,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 0 none; - border-width: 1px; - } - .p-tabview .p-tabview-nav li { - margin-right: 2px; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: 1px solid #007ad9; - border-width: 1px; - border-color: #007ad9; - background: #007ad9; - color: #ffffff; - padding: 0.857rem 1rem; - font-weight: 700; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #8dcdff; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #dbdbdb; - border-color: #dbdbdb; - color: #333333; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #007ad9; - border-color: #007ad9; - color: #ffffff; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #007ad9; - color: #ffffff; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #8dcdff; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.571rem 1rem; - border: 1px solid #c8c8c8; - color: #333333; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #007ad9; - border: 1px solid #007ad9; - padding: 0.857rem 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #333333; diff --git a/src/assets/components/themes/nova-alt/theme.css b/src/assets/components/themes/nova-alt/theme.css index 122382886bc..2425f636eb4 100644 --- a/src/assets/components/themes/nova-alt/theme.css +++ b/src/assets/components/themes/nova-alt/theme.css @@ -3980,6 +3980,150 @@ background: #d8dae2; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 0 none; + border-width: 1px; + } + .p-tabview .p-tabview-nav li { + margin-right: 2px; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: 1px solid #333333; + border-width: 1px; + border-color: #333333; + background: #333333; + color: #ffffff; + padding: 0.857rem 1rem; + font-weight: 700; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #8dcdff; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #dbdbdb; + border-color: #dbdbdb; + color: #333333; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #007ad9; + border-color: #007ad9; + color: #ffffff; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #007ad9; + color: #ffffff; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #8dcdff; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.571rem 1rem; + border: 1px solid #c8c8c8; + color: #333333; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #333333; + border: 1px solid #333333; + padding: 0.857rem 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4084,86 +4228,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 0 none; - border-width: 1px; - } - .p-tabview .p-tabview-nav li { - margin-right: 2px; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: 1px solid #333333; - border-width: 1px; - border-color: #333333; - background: #333333; - color: #ffffff; - padding: 0.857rem 1rem; - font-weight: 700; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #8dcdff; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #dbdbdb; - border-color: #dbdbdb; - color: #333333; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #007ad9; - border-color: #007ad9; - color: #ffffff; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #007ad9; - color: #ffffff; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #8dcdff; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.571rem 1rem; - border: 1px solid #c8c8c8; - color: #333333; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #333333; - border: 1px solid #333333; - padding: 0.857rem 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #333333; diff --git a/src/assets/components/themes/nova/theme.css b/src/assets/components/themes/nova/theme.css index 8592acf0ca8..ae75281603e 100644 --- a/src/assets/components/themes/nova/theme.css +++ b/src/assets/components/themes/nova/theme.css @@ -3980,6 +3980,150 @@ background: #d8dae2; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 0 none; + border-width: 1px; + } + .p-tabview .p-tabview-nav li { + margin-right: 2px; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: 1px solid #c8c8c8; + border-width: 1px; + border-color: #c8c8c8; + background: #f4f4f4; + color: #333333; + padding: 0.857rem 1rem; + font-weight: 700; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: background-color 0.2s, box-shadow 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #8dcdff; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #dbdbdb; + border-color: #dbdbdb; + color: #333333; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #007ad9; + border-color: #007ad9; + color: #ffffff; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #007ad9; + color: #ffffff; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #8dcdff; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.571rem 1rem; + border: 1px solid #c8c8c8; + color: #333333; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #f4f4f4; + border: 1px solid #c8c8c8; + padding: 0.857rem 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4084,86 +4228,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 0 none; - border-width: 1px; - } - .p-tabview .p-tabview-nav li { - margin-right: 2px; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: 1px solid #c8c8c8; - border-width: 1px; - border-color: #c8c8c8; - background: #f4f4f4; - color: #333333; - padding: 0.857rem 1rem; - font-weight: 700; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #8dcdff; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #dbdbdb; - border-color: #dbdbdb; - color: #333333; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #007ad9; - border-color: #007ad9; - color: #ffffff; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #007ad9; - color: #ffffff; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #8dcdff; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.571rem 1rem; - border: 1px solid #c8c8c8; - color: #333333; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #f4f4f4; - border: 1px solid #c8c8c8; - padding: 0.857rem 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #333333; diff --git a/src/assets/components/themes/rhea/theme.css b/src/assets/components/themes/rhea/theme.css index 618c784650f..18e28a508da 100644 --- a/src/assets/components/themes/rhea/theme.css +++ b/src/assets/components/themes/rhea/theme.css @@ -3968,6 +3968,150 @@ background: #dadada; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 0 none; + border-width: 1px; + } + .p-tabview .p-tabview-nav li { + margin-right: 2px; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: 1px solid #7b95a3; + border-width: 1px; + border-color: #7b95a3; + background: #7b95a3; + color: #ffffff; + padding: 0.857rem 1rem; + font-weight: 700; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + margin: 0 0 -1px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #e4e9ec; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #617c8a; + border-color: #617c8a; + color: #ffffff; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #afd3c8; + border-color: #dadada; + color: #385048; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #afd3c8; + color: #385048; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #e4e9ec; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.571rem 1rem; + border: 1px solid #dadada; + color: #666666; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + } + + .p-toolbar { + background: #7b95a3; + border: 1px solid #7b95a3; + padding: 0.857rem 1rem; + border-radius: 2px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #e4e9ec; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4072,86 +4216,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 0 none; - border-width: 1px; - } - .p-tabview .p-tabview-nav li { - margin-right: 2px; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: 1px solid #7b95a3; - border-width: 1px; - border-color: #7b95a3; - background: #7b95a3; - color: #ffffff; - padding: 0.857rem 1rem; - font-weight: 700; - border-top-right-radius: 2px; - border-top-left-radius: 2px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - margin: 0 0 -1px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #e4e9ec; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #617c8a; - border-color: #617c8a; - color: #ffffff; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #afd3c8; - border-color: #dadada; - color: #385048; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #afd3c8; - color: #385048; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #e4e9ec; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 0.571rem 1rem; - border: 1px solid #dadada; - color: #666666; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; - } - - .p-toolbar { - background: #7b95a3; - border: 1px solid #7b95a3; - padding: 0.857rem 1rem; - border-radius: 2px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #666666; diff --git a/src/assets/components/themes/saga-blue/theme.css b/src/assets/components/themes/saga-blue/theme.css index e8fb0aba90d..bee78ef1cf6 100644 --- a/src/assets/components/themes/saga-blue/theme.css +++ b/src/assets/components/themes/saga-blue/theme.css @@ -3992,6 +3992,150 @@ background: #dee2e6; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a6d5fa; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #6c757d; + color: #6c757d; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #2196F3; + color: #2196F3; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #2196F3; + width: 2.357rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a6d5fa; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4096,86 +4240,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a6d5fa; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #6c757d; - color: #6c757d; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #2196F3; - color: #2196F3; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #2196F3; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #a6d5fa; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; - padding: 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #495057; diff --git a/src/assets/components/themes/saga-green/theme.css b/src/assets/components/themes/saga-green/theme.css index 49eb7f53d47..d6cac28963e 100644 --- a/src/assets/components/themes/saga-green/theme.css +++ b/src/assets/components/themes/saga-green/theme.css @@ -3992,6 +3992,150 @@ background: #dee2e6; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #b7e0b8; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #6c757d; + color: #6c757d; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #4CAF50; + color: #4CAF50; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #4CAF50; + width: 2.357rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #b7e0b8; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4096,86 +4240,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #b7e0b8; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #6c757d; - color: #6c757d; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #4CAF50; - color: #4CAF50; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #4CAF50; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #b7e0b8; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; - padding: 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #495057; diff --git a/src/assets/components/themes/saga-orange/theme.css b/src/assets/components/themes/saga-orange/theme.css index 438779484fb..b2b1762e158 100644 --- a/src/assets/components/themes/saga-orange/theme.css +++ b/src/assets/components/themes/saga-orange/theme.css @@ -3992,6 +3992,150 @@ background: #dee2e6; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #ffe69c; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #6c757d; + color: #6c757d; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #FFC107; + color: #FFC107; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #FFC107; + width: 2.357rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #ffe69c; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4096,86 +4240,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #ffe69c; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #6c757d; - color: #6c757d; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #FFC107; - color: #FFC107; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #FFC107; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #ffe69c; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; - padding: 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #495057; diff --git a/src/assets/components/themes/saga-purple/theme.css b/src/assets/components/themes/saga-purple/theme.css index 93a516124c7..b6b3d3c9dae 100644 --- a/src/assets/components/themes/saga-purple/theme.css +++ b/src/assets/components/themes/saga-purple/theme.css @@ -3992,6 +3992,150 @@ background: #dee2e6; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #df9eea; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #6c757d; + color: #6c757d; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #9C27B0; + color: #9C27B0; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #9C27B0; + width: 2.357rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #df9eea; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4096,86 +4240,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dee2e6; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; - border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; - background: #ffffff; - color: #6c757d; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #df9eea; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #6c757d; - color: #6c757d; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #9C27B0; - color: #9C27B0; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #9C27B0; - width: 2.357rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #df9eea; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; - padding: 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #495057; diff --git a/src/assets/components/themes/soho-dark/theme.css b/src/assets/components/themes/soho-dark/theme.css index ee2edd279c9..345334fcb7f 100644 --- a/src/assets/components/themes/soho-dark/theme.css +++ b/src/assets/components/themes/soho-dark/theme.css @@ -3990,6 +3990,150 @@ background: #3e4053; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #3e4053; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #3e4053; + border-width: 0 0 2px 0; + border-color: transparent transparent #3e4053 transparent; + background: #282936; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #e0d8fc; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #282936; + border-color: #b19df7; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #282936; + border-color: #b19df7; + color: #b19df7; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #282936; + color: #b19df7; + width: 3rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #e0d8fc; + } + .p-tabview .p-tabview-panels { + background: #282936; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #282936; + border: 1px solid #3e4053; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4094,86 +4238,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #3e4053; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #3e4053; - border-width: 0 0 2px 0; - border-color: transparent transparent #3e4053 transparent; - background: #282936; - color: rgba(255, 255, 255, 0.6); - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #e0d8fc; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #282936; - border-color: #b19df7; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #282936; - border-color: #b19df7; - color: #b19df7; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #282936; - color: #b19df7; - width: 3rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #e0d8fc; - } - .p-tabview .p-tabview-panels { - background: #282936; - padding: 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #282936; - border: 1px solid #3e4053; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #282936; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/soho-light/theme.css b/src/assets/components/themes/soho-light/theme.css index 7672a81c54a..f2eae269fc1 100644 --- a/src/assets/components/themes/soho-light/theme.css +++ b/src/assets/components/themes/soho-light/theme.css @@ -3990,6 +3990,150 @@ background: #dfe7ef; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dfe7ef; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dfe7ef; + border-width: 0 0 2px 0; + border-color: transparent transparent #dfe7ef transparent; + background: #ffffff; + color: #708da9; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #c7bbfa; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #c6ccd7; + color: #708da9; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #7254f3; + color: #7254f3; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #7254f3; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #c7bbfa; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #043d75; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #eff3f8; + border: 1px solid #dfe7ef; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4094,86 +4238,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #dfe7ef; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dfe7ef; - border-width: 0 0 2px 0; - border-color: transparent transparent #dfe7ef transparent; - background: #ffffff; - color: #708da9; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #c7bbfa; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #c6ccd7; - color: #708da9; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #7254f3; - color: #7254f3; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #7254f3; - width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #c7bbfa; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #043d75; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #eff3f8; - border: 1px solid #dfe7ef; - padding: 1.25rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #043d75; diff --git a/src/assets/components/themes/tailwind-light/theme.css b/src/assets/components/themes/tailwind-light/theme.css index 04580ad1887..48d9f6a72f3 100644 --- a/src/assets/components/themes/tailwind-light/theme.css +++ b/src/assets/components/themes/tailwind-light/theme.css @@ -4028,6 +4028,150 @@ background: #e5e7eb; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #71717a; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; + transition: none; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #6366f1; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #71717a; + color: #71717a; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #4f46e5; + color: #4f46e5; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #4f46e5; + width: 3rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #6366f1; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #3f3f46; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + + .p-toolbar { + background: #fafafa; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 0.375rem; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4132,86 +4276,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 3rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #e5e7eb; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #e5e7eb; - border-width: 0 0 2px 0; - border-color: transparent transparent #e5e7eb transparent; - background: #ffffff; - color: #71717a; - padding: 1.25rem; - font-weight: 700; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; - transition: none; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366f1; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #71717a; - color: #71717a; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #4f46e5; - color: #4f46e5; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #4f46e5; - width: 3rem; - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366f1; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1.25rem; - border: 0 none; - color: #3f3f46; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; - } - - .p-toolbar { - background: #fafafa; - border: 1px solid #e5e7eb; - padding: 1.25rem; - border-radius: 0.375rem; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #3f3f46; diff --git a/src/assets/components/themes/vela-blue/theme.css b/src/assets/components/themes/vela-blue/theme.css index 3c31ce023ad..b7b7d12ef31 100644 --- a/src/assets/components/themes/vela-blue/theme.css +++ b/src/assets/components/themes/vela-blue/theme.css @@ -3992,6 +3992,150 @@ background: #304562; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2d40; + border-color: #64B5F6; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2d40; + border-color: #64B5F6; + color: #64B5F6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1f2d40; + color: #64B5F6; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #93cbf9; + } + .p-tabview .p-tabview-panels { + background: #1f2d40; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1f2d40; + border: 1px solid #304562; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4096,86 +4240,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #304562; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #304562; - border-width: 0 0 2px 0; - border-color: transparent transparent #304562 transparent; - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2d40; - border-color: #64B5F6; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2d40; - border-color: #64B5F6; - color: #64B5F6; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #1f2d40; - color: #64B5F6; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #93cbf9; - } - .p-tabview .p-tabview-panels { - background: #1f2d40; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #1f2d40; - border: 1px solid #304562; - padding: 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #1f2d40; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/vela-green/theme.css b/src/assets/components/themes/vela-green/theme.css index f9c14d88b78..9f579806e96 100644 --- a/src/assets/components/themes/vela-green/theme.css +++ b/src/assets/components/themes/vela-green/theme.css @@ -3992,6 +3992,150 @@ background: #304562; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2d40; + border-color: #81C784; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2d40; + border-color: #81C784; + color: #81C784; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1f2d40; + color: #81C784; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #a7d8a9; + } + .p-tabview .p-tabview-panels { + background: #1f2d40; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1f2d40; + border: 1px solid #304562; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4096,86 +4240,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #304562; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #304562; - border-width: 0 0 2px 0; - border-color: transparent transparent #304562 transparent; - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2d40; - border-color: #81C784; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2d40; - border-color: #81C784; - color: #81C784; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #1f2d40; - color: #81C784; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #a7d8a9; - } - .p-tabview .p-tabview-panels { - background: #1f2d40; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #1f2d40; - border: 1px solid #304562; - padding: 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #1f2d40; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/vela-orange/theme.css b/src/assets/components/themes/vela-orange/theme.css index ab54f87e765..2355511f532 100644 --- a/src/assets/components/themes/vela-orange/theme.css +++ b/src/assets/components/themes/vela-orange/theme.css @@ -3992,6 +3992,150 @@ background: #304562; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2d40; + border-color: #FFD54F; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2d40; + border-color: #FFD54F; + color: #FFD54F; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1f2d40; + color: #FFD54F; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #ffe284; + } + .p-tabview .p-tabview-panels { + background: #1f2d40; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1f2d40; + border: 1px solid #304562; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4096,86 +4240,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #304562; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #304562; - border-width: 0 0 2px 0; - border-color: transparent transparent #304562 transparent; - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2d40; - border-color: #FFD54F; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2d40; - border-color: #FFD54F; - color: #FFD54F; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #1f2d40; - color: #FFD54F; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #ffe284; - } - .p-tabview .p-tabview-panels { - background: #1f2d40; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #1f2d40; - border: 1px solid #304562; - padding: 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #1f2d40; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/vela-purple/theme.css b/src/assets/components/themes/vela-purple/theme.css index eb7fe5d1756..045d11788ed 100644 --- a/src/assets/components/themes/vela-purple/theme.css +++ b/src/assets/components/themes/vela-purple/theme.css @@ -3992,6 +3992,150 @@ background: #304562; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #304562; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #304562; + border-width: 0 0 2px 0; + border-color: transparent transparent #304562 transparent; + background: #1f2d40; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2d40; + border-color: #BA68C8; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2d40; + border-color: #BA68C8; + color: #BA68C8; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1f2d40; + color: #BA68C8; + width: 2.357rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #cf95d9; + } + .p-tabview .p-tabview-panels { + background: #1f2d40; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + .p-toolbar { + background: #1f2d40; + border: 1px solid #304562; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4096,86 +4240,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.357rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #304562; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #304562; - border-width: 0 0 2px 0; - border-color: transparent transparent #304562 transparent; - background: #1f2d40; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - transition: box-shadow 0.2s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #1f2d40; - border-color: #BA68C8; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #1f2d40; - border-color: #BA68C8; - color: #BA68C8; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #1f2d40; - color: #BA68C8; - width: 2.357rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #cf95d9; - } - .p-tabview .p-tabview-panels { - background: #1f2d40; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - .p-toolbar { - background: #1f2d40; - border: 1px solid #304562; - padding: 1rem; - border-radius: 3px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #1f2d40; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/viva-dark/theme.css b/src/assets/components/themes/viva-dark/theme.css index 3fcda80bdb2..4b04ea01ec5 100644 --- a/src/assets/components/themes/viva-dark/theme.css +++ b/src/assets/components/themes/viva-dark/theme.css @@ -4022,6 +4022,150 @@ background: #263238; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.857rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #263238; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #263238; + border-width: 0 0 2px 0; + border-color: transparent transparent #263238 transparent; + background: #161d21; + color: rgba(255, 255, 255, 0.6); + padding: 1rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.3s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #9eade6; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #161d21; + border-color: #9eade6; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #161d21; + border-color: #9eade6; + color: #9eade6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #161d21; + color: #9eade6; + width: 2.857rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #9eade6; + } + .p-tabview .p-tabview-panels { + background: #161d21; + padding: 1rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #161d21; + border: 2px solid #263238; + padding: 1rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4126,86 +4270,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.857rem; - } - .p-tabview .p-tabview-nav { - background: transparent; - border: 1px solid #263238; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #263238; - border-width: 0 0 2px 0; - border-color: transparent transparent #263238 transparent; - background: #161d21; - color: rgba(255, 255, 255, 0.6); - padding: 1rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.3s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #9eade6; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #161d21; - border-color: #9eade6; - color: rgba(255, 255, 255, 0.87); - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #161d21; - border-color: #9eade6; - color: #9eade6; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #161d21; - color: #9eade6; - width: 2.857rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #9eade6; - } - .p-tabview .p-tabview-panels { - background: #161d21; - padding: 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #161d21; - border: 2px solid #263238; - padding: 1rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #161d21; color: rgba(255, 255, 255, 0.87); diff --git a/src/assets/components/themes/viva-light/theme.css b/src/assets/components/themes/viva-light/theme.css index 459c2e72f8a..7405c400b2b 100644 --- a/src/assets/components/themes/viva-light/theme.css +++ b/src/assets/components/themes/viva-light/theme.css @@ -4023,6 +4023,150 @@ background: #ebebeb; } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.857rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #ebebeb; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #ebebeb; + border-width: 0 0 2px 0; + border-color: transparent transparent #ebebeb transparent; + background: #ffffff; + color: #898989; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.3s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.1rem #bbc7ee; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #ced6f1; + color: #898989; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #5472d4; + color: #5472d4; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #5472d4; + width: 2.857rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.1rem #bbc7ee; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #6c6c6c; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #ffffff; + border: 2px solid #ebebeb; + padding: 1rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-stepper .p-stepper-nav { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; + list-style-type: none; + overflow-x: auto; + } + + .p-stepper-vertical .p-stepper-nav { + flex-direction: column; + } + + .p-stepper-header { + position: relative; + display: flex; + flex: 1 1 auto; + align-items: center; + } + .p-stepper-header:last-of-type { + flex: initial; + } + + .p-stepper-header .p-stepper-action { + border: 0 none; + display: inline-flex; + align-items: center; + text-decoration: none; + cursor: pointer; + } + .p-stepper-header .p-stepper-action:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } + + .p-stepper.p-stepper-readonly .p-stepper-header { + cursor: auto; + } + + .p-stepper-header.p-highlight .p-stepper-action { + cursor: default; + } + + .p-stepper-title { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + } + + .p-stepper-number { + display: flex; + align-items: center; + justify-content: center; + } + + .p-stepper-separator { + flex: 1 1 0; + } + .p-stepper .p-stepper-nav { display: flex; justify-content: space-between; @@ -4127,86 +4271,6 @@ padding-left: 3rem; } - .p-tabview .p-tabview-nav-content { - scroll-padding-inline: 2.857rem; - } - .p-tabview .p-tabview-nav { - background: #ffffff; - border: 1px solid #ebebeb; - border-width: 0 0 2px 0; - } - .p-tabview .p-tabview-nav li { - margin-right: 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #ebebeb; - border-width: 0 0 2px 0; - border-color: transparent transparent #ebebeb transparent; - background: #ffffff; - color: #898989; - padding: 1rem; - font-weight: 600; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - transition: box-shadow 0.3s; - margin: 0 0 -2px 0; - } - .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.1rem #bbc7ee; - } - .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #ffffff; - border-color: #ced6f1; - color: #898989; - } - .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #ffffff; - border-color: #5472d4; - color: #5472d4; - } - .p-tabview .p-tabview-left-icon { - margin-right: 0.5rem; - } - .p-tabview .p-tabview-right-icon { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-close { - margin-left: 0.5rem; - } - .p-tabview .p-tabview-nav-btn.p-link { - background: #ffffff; - color: #5472d4; - width: 2.857rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - border-radius: 0; - } - .p-tabview .p-tabview-nav-btn.p-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.1rem #bbc7ee; - } - .p-tabview .p-tabview-panels { - background: #ffffff; - padding: 1rem; - border: 0 none; - color: #6c6c6c; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - - .p-toolbar { - background: #ffffff; - border: 2px solid #ebebeb; - padding: 1rem; - border-radius: 6px; - gap: 0.5rem; - } - .p-toolbar .p-toolbar-separator { - margin: 0 0.5rem; - } - .p-confirm-popup { background: #ffffff; color: #6c6c6c;