Skip to content

Commit

Permalink
Refactor #4819
Browse files Browse the repository at this point in the history
  • Loading branch information
@tugcekucukoglu
tugcekucukoglu committed Nov 15, 2023
1 parent 266b4a4 commit 87f5d64
Show file tree
Hide file tree
Showing 58 changed files with 629 additions and 629 deletions.
4 changes: 2 additions & 2 deletions components/lib/megamenu/style/MegaMenuStyle.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -120,11 +120,11 @@ const css = `
width: 100%;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
display: flex;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
position: absolute;
display: none;
width: 100%;
Expand Down
22 changes: 11 additions & 11 deletions public/themes/arya-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4446,50 +4446,50 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}

Expand Down
22 changes: 11 additions & 11 deletions public/themes/arya-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4446,50 +4446,50 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}

Expand Down
22 changes: 11 additions & 11 deletions public/themes/arya-orange/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4446,50 +4446,50 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}

Expand Down
22 changes: 11 additions & 11 deletions public/themes/arya-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4446,50 +4446,50 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.25rem 0;
background: #1e1e1e;
border: 1px solid #383838;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.2s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}

Expand Down
22 changes: 11 additions & 11 deletions public/themes/bootstrap4-dark-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4458,50 +4458,50 @@
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover {
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list {
padding: 0.5rem 0;
background: #2a323d;
border: 1px solid #3f4b5b;
box-shadow: none;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
border-top: 1px solid #3f4b5b;
margin: 0.5rem 0;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
font-size: 0.875rem;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.15s;
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
transition: transform 0.15s;
transform: rotate(90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
.p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}

Expand Down
Loading

0 comments on commit 87f5d64

Please sign in to comment.