Skip to content

Commit

Permalink
Fixed #15317 - Stepper | Add removed core css
Browse files Browse the repository at this point in the history
  • Loading branch information
@cetincakiroglu
cetincakiroglu committed Apr 19, 2024
1 parent 340ce31 commit f83fff4
Show file tree
Hide file tree
Showing 68 changed files with 9,792 additions and 5,440 deletions.
224 changes: 144 additions & 80 deletions src/assets/components/themes/arya-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down Expand Up @@ -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);
Expand Down
Loading

0 comments on commit f83fff4

Please sign in to comment.