Skip to content

Commit

Permalink
Fixed #1744, Fixed #1743, Fixed #1580
Browse files Browse the repository at this point in the history
  • Loading branch information
cagataycivici committed Nov 11, 2021
1 parent 089f315 commit 4714b32
Show file tree
Hide file tree
Showing 43 changed files with 1,464 additions and 410 deletions.
39 changes: 31 additions & 8 deletions public/themes/arya-blue/theme.css
Original file line number Diff line number Diff line change
Expand Up @@ -345,14 +345,16 @@
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 2rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
font-weight: 600;
padding: 0.5rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
color: #64B5F6;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
margin-right: 0.5rem;
Expand Down Expand Up @@ -450,6 +452,18 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
.p-datepicker .p-yearpicker {
margin: 0.5rem 0;
}
.p-datepicker .p-yearpicker .p-yearpicker-year {
padding: 0.5rem;
transition: box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid #383838;
padding-right: 0.5rem;
Expand Down Expand Up @@ -480,6 +494,14 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}

@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
Expand Down Expand Up @@ -4640,18 +4662,19 @@
}

.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
color: rgba(255, 255, 255, 0.87);
border: 0 none;
background: transparent;
min-width: 2rem;
height: 2rem;
line-height: 2rem;
font-size: 1.143rem;
background: #1e1e1e;
z-index: 1;
border-radius: 50%;
}
Expand Down
39 changes: 31 additions & 8 deletions public/themes/arya-green/theme.css
Original file line number Diff line number Diff line change
Expand Up @@ -345,14 +345,16 @@
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 2rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
font-weight: 600;
padding: 0.5rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
color: #81C784;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
margin-right: 0.5rem;
Expand Down Expand Up @@ -450,6 +452,18 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
.p-datepicker .p-yearpicker {
margin: 0.5rem 0;
}
.p-datepicker .p-yearpicker .p-yearpicker-year {
padding: 0.5rem;
transition: box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid #383838;
padding-right: 0.5rem;
Expand Down Expand Up @@ -480,6 +494,14 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}

@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
Expand Down Expand Up @@ -4640,18 +4662,19 @@
}

.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
color: rgba(255, 255, 255, 0.87);
border: 0 none;
background: transparent;
min-width: 2rem;
height: 2rem;
line-height: 2rem;
font-size: 1.143rem;
background: #1e1e1e;
z-index: 1;
border-radius: 50%;
}
Expand Down
39 changes: 31 additions & 8 deletions public/themes/arya-orange/theme.css
Original file line number Diff line number Diff line change
Expand Up @@ -345,14 +345,16 @@
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 2rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
font-weight: 600;
padding: 0.5rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
color: #FFD54F;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
margin-right: 0.5rem;
Expand Down Expand Up @@ -450,6 +452,18 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
.p-datepicker .p-yearpicker {
margin: 0.5rem 0;
}
.p-datepicker .p-yearpicker .p-yearpicker-year {
padding: 0.5rem;
transition: box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid #383838;
padding-right: 0.5rem;
Expand Down Expand Up @@ -480,6 +494,14 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}

@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
Expand Down Expand Up @@ -4640,18 +4662,19 @@
}

.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
color: rgba(255, 255, 255, 0.87);
border: 0 none;
background: transparent;
min-width: 2rem;
height: 2rem;
line-height: 2rem;
font-size: 1.143rem;
background: #1e1e1e;
z-index: 1;
border-radius: 50%;
}
Expand Down
39 changes: 31 additions & 8 deletions public/themes/arya-purple/theme.css
Original file line number Diff line number Diff line change
Expand Up @@ -345,14 +345,16 @@
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 2rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
color: rgba(255, 255, 255, 0.87);
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
font-weight: 600;
padding: 0.5rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
color: #BA68C8;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
margin-right: 0.5rem;
Expand Down Expand Up @@ -450,6 +452,18 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
.p-datepicker .p-yearpicker {
margin: 0.5rem 0;
}
.p-datepicker .p-yearpicker .p-yearpicker-year {
padding: 0.5rem;
transition: box-shadow 0.2s;
border-radius: 3px;
}
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid #383838;
padding-right: 0.5rem;
Expand Down Expand Up @@ -480,6 +494,14 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}

@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
Expand Down Expand Up @@ -4640,18 +4662,19 @@
}

.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
border-radius: 3px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
color: rgba(255, 255, 255, 0.87);
border: 0 none;
background: transparent;
min-width: 2rem;
height: 2rem;
line-height: 2rem;
font-size: 1.143rem;
background: #1e1e1e;
z-index: 1;
border-radius: 50%;
}
Expand Down
39 changes: 31 additions & 8 deletions public/themes/bootstrap4-dark-blue/theme.css
Original file line number Diff line number Diff line change
Expand Up @@ -345,14 +345,16 @@
.p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 2rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
color: rgba(255, 255, 255, 0.87);
transition: color 0.15s, box-shadow 0.15s;
font-weight: 600;
padding: 0.5rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
color: #8dd0ff;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
margin-right: 0.5rem;
Expand Down Expand Up @@ -450,6 +452,18 @@
color: #151515;
background: #8dd0ff;
}
.p-datepicker .p-yearpicker {
margin: 0.5rem 0;
}
.p-datepicker .p-yearpicker .p-yearpicker-year {
padding: 0.5rem;
transition: box-shadow 0.15s;
border-radius: 4px;
}
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
color: #151515;
background: #8dd0ff;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid #3f4b5b;
padding-right: 0;
Expand Down Expand Up @@ -480,6 +494,14 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}

@media screen and (max-width: 769px) {
.p-datepicker table th, .p-datepicker table td {
Expand Down Expand Up @@ -4652,18 +4674,19 @@
}

.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.15s;
border-radius: 4px;
background: transparent;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
background: transparent;
min-width: 2rem;
height: 2rem;
line-height: 2rem;
font-size: 1.143rem;
background: transparent;
z-index: 1;
border-radius: 4px;
}
Expand Down
Loading

0 comments on commit 4714b32

Please sign in to comment.