Skip to content

Commit

Permalink
Refactor #3111 - FileUpload: Templating for advance upload && theme u…
Browse files Browse the repository at this point in the history 
…pdates
  • Loading branch information
@tugcekucukoglu
tugcekucukoglu committed Oct 24, 2022
1 parent d5c6c7f commit 1c1d5d0
Show file tree
Hide file tree
Showing 48 changed files with 2,055 additions and 1,718 deletions.
81 changes: 45 additions & 36 deletions public/themes/arya-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4280,9 +4280,7 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
gap: 0.5rem;
}
.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
outline: 0 none;
Expand All @@ -4297,10 +4295,21 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-fileupload-content .p-fileupload-content-item {
.p-fileupload .p-fileupload-file {
padding: 1rem;
border: 1px solid #dee2e6;
border-radius: 6px;
border: 1px solid #383838;
border-radius: 3px;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.p-fileupload .p-fileupload-file:last-child {
margin-bottom: 0;
}
.p-fileupload .p-fileupload-file-name {
margin-bottom: 0.5rem;
}
.p-fileupload .p-fileupload-file-size {
margin-right: 0.5rem;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
Expand Down Expand Up @@ -4513,36 +4522,6 @@
.p-megamenu .p-megamenu-root-list {
outline: 0 none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
padding: 0.75rem 1rem;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
margin-left: 0.5rem;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .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-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-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
Expand Down Expand Up @@ -4622,6 +4601,36 @@
width: 12.5rem;
padding: 0.25rem 0;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
border-radius: 3px;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
padding: 0.75rem 1rem;
user-select: none;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
margin-left: 0.5rem;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.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-text {
color: rgba(255, 255, 255, 0.87);
}
.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-menu {
padding: 0.25rem 0;
Expand Down
81 changes: 45 additions & 36 deletions public/themes/arya-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4280,9 +4280,7 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
gap: 0.5rem;
}
.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
outline: 0 none;
Expand All @@ -4297,10 +4295,21 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-fileupload-content .p-fileupload-content-item {
.p-fileupload .p-fileupload-file {
padding: 1rem;
border: 1px solid #dee2e6;
border-radius: 6px;
border: 1px solid #383838;
border-radius: 3px;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.p-fileupload .p-fileupload-file:last-child {
margin-bottom: 0;
}
.p-fileupload .p-fileupload-file-name {
margin-bottom: 0.5rem;
}
.p-fileupload .p-fileupload-file-size {
margin-right: 0.5rem;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
Expand Down Expand Up @@ -4513,36 +4522,6 @@
.p-megamenu .p-megamenu-root-list {
outline: 0 none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
padding: 0.75rem 1rem;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
margin-left: 0.5rem;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .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-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-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
Expand Down Expand Up @@ -4622,6 +4601,36 @@
width: 12.5rem;
padding: 0.25rem 0;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
border-radius: 3px;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
padding: 0.75rem 1rem;
user-select: none;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
margin-left: 0.5rem;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.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-text {
color: rgba(255, 255, 255, 0.87);
}
.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-menu {
padding: 0.25rem 0;
Expand Down
81 changes: 45 additions & 36 deletions public/themes/arya-orange/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4280,9 +4280,7 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem;
gap: 0.5rem;
}
.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
outline: 0 none;
Expand All @@ -4297,10 +4295,21 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.p-fileupload .p-fileupload-content .p-fileupload-content-item {
.p-fileupload .p-fileupload-file {
padding: 1rem;
border: 1px solid #dee2e6;
border-radius: 6px;
border: 1px solid #383838;
border-radius: 3px;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.p-fileupload .p-fileupload-file:last-child {
margin-bottom: 0;
}
.p-fileupload .p-fileupload-file-name {
margin-bottom: 0.5rem;
}
.p-fileupload .p-fileupload-file-size {
margin-right: 0.5rem;
}
.p-fileupload .p-progressbar {
height: 0.25rem;
Expand Down Expand Up @@ -4513,36 +4522,6 @@
.p-megamenu .p-megamenu-root-list {
outline: 0 none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
border-radius: 3px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
padding: 0.75rem 1rem;
user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
margin-left: 0.5rem;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu .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-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-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
Expand Down Expand Up @@ -4622,6 +4601,36 @@
width: 12.5rem;
padding: 0.25rem 0;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
border-radius: 3px;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
padding: 0.75rem 1rem;
user-select: none;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
margin-left: 0.5rem;
}
.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.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-text {
color: rgba(255, 255, 255, 0.87);
}
.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-menu {
padding: 0.25rem 0;
Expand Down
Loading

0 comments on commit 1c1d5d0

Please sign in to comment.