Skip to content

Commit

Permalink
Fixed #686 - CascadeSelect
Browse files Browse the repository at this point in the history
  • Loading branch information
@cagataycivici
cagataycivici committed Dec 7, 2020
1 parent be52332 commit 23be3cf
Show file tree
Hide file tree
Showing 44 changed files with 4,091 additions and 0 deletions.
1 change: 1 addition & 0 deletions exports/cascadeselect.d.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export * from './components/cascadeselect/CascadeSelect';
2 changes: 2 additions & 0 deletions exports/cascadeselect.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
'use strict';
module.exports = require('./components/cascadeselect/CascadeSelect.vue');
86 changes: 86 additions & 0 deletions public/themes/arya-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -324,6 +324,92 @@
padding: 0;
}
}
.p-cascadeselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-cascadeselect:not(.p-disabled):hover {
border-color: #64B5F6;
}
.p-cascadeselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
padding: 0.5rem 0.5rem;
}
.p-cascadeselect .p-cascadeselect-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.p-cascadeselect .p-cascadeselect-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
.p-cascadeselect .p-cascadeselect-trigger {
background: transparent;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-cascadeselect.p-error, .p-cascadeselect.p-invalid {
border-color: #ef9a9a;
}

.p-cascadeselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
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-cascadeselect-panel .p-cascadeselect-items {
padding: 0.5rem 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
margin: 0;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #93cbf9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}

.p-input-filled .p-cascadeselect {
background: #383838;
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
background-color: #383838;
}

.p-checkbox {
width: 20px;
height: 20px;
Expand Down
86 changes: 86 additions & 0 deletions public/themes/arya-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -324,6 +324,92 @@
padding: 0;
}
}
.p-cascadeselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-cascadeselect:not(.p-disabled):hover {
border-color: #81C784;
}
.p-cascadeselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
padding: 0.5rem 0.5rem;
}
.p-cascadeselect .p-cascadeselect-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.p-cascadeselect .p-cascadeselect-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
.p-cascadeselect .p-cascadeselect-trigger {
background: transparent;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-cascadeselect.p-error, .p-cascadeselect.p-invalid {
border-color: #ef9a9a;
}

.p-cascadeselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
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-cascadeselect-panel .p-cascadeselect-items {
padding: 0.5rem 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
margin: 0;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #a7d8a9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}

.p-input-filled .p-cascadeselect {
background: #383838;
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
background-color: #383838;
}

.p-checkbox {
width: 20px;
height: 20px;
Expand Down
86 changes: 86 additions & 0 deletions public/themes/arya-orange/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -324,6 +324,92 @@
padding: 0;
}
}
.p-cascadeselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-cascadeselect:not(.p-disabled):hover {
border-color: #FFD54F;
}
.p-cascadeselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
padding: 0.5rem 0.5rem;
}
.p-cascadeselect .p-cascadeselect-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.p-cascadeselect .p-cascadeselect-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
.p-cascadeselect .p-cascadeselect-trigger {
background: transparent;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-cascadeselect.p-error, .p-cascadeselect.p-invalid {
border-color: #ef9a9a;
}

.p-cascadeselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
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-cascadeselect-panel .p-cascadeselect-items {
padding: 0.5rem 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
margin: 0;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #ffe284;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}

.p-input-filled .p-cascadeselect {
background: #383838;
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
background-color: #383838;
}

.p-checkbox {
width: 20px;
height: 20px;
Expand Down
86 changes: 86 additions & 0 deletions public/themes/arya-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -324,6 +324,92 @@
padding: 0;
}
}
.p-cascadeselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-cascadeselect:not(.p-disabled):hover {
border-color: #BA68C8;
}
.p-cascadeselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
.p-cascadeselect .p-cascadeselect-label {
background: transparent;
border: 0 none;
padding: 0.5rem 0.5rem;
}
.p-cascadeselect .p-cascadeselect-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.p-cascadeselect .p-cascadeselect-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
.p-cascadeselect .p-cascadeselect-trigger {
background: transparent;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-cascadeselect.p-error, .p-cascadeselect.p-invalid {
border-color: #ef9a9a;
}

.p-cascadeselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
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-cascadeselect-panel .p-cascadeselect-items {
padding: 0.5rem 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
margin: 0;
border: 0 none;
color: rgba(255, 255, 255, 0.87);
background: transparent;
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #cf95d9;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}

.p-input-filled .p-cascadeselect {
background: #383838;
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
background-color: #383838;
}

.p-checkbox {
width: 20px;
height: 20px;
Expand Down
Loading

0 comments on commit 23be3cf

Please sign in to comment.